본문 바로가기
JQEURY SCROLL 이동 SCROLL을 원하는곳으로 이동하기 매번 쓰지만 귀찮아서 1. 현재 스크롤의 위치를 받아온다.http://api.jquery.com/offset/ var offset = $("#id").offset(); 2. 스크롤을 해당위치로 이동한다. http://api.jquery.com/animate/ 속도값 조절로 해당위치로 움직이는 속도를 설정한다.$('html, body').animate({scrollTop : offset.top}, 속도값); 결과 코드이동하려는 영역의 아이디값 2017. 10. 11.
CORDOVA로 앱 만들기 (Hello World) 기본 명령어를 통한 앱 성성 및 실행모든 명령어는 http://cordova.apache.org/ 홈페이지에서 확인할 수 있다. 1. 커맨드창에서 명령어 입력을통안 앱생성cordova create hello com.example.hello HelloWorld 2. Android Platform 추가생성된 프로젝트로 이동후 platform추가 cordova platform add android 추가되었는지 명령어 확인cordova platform ls3. 앱실행cordova run android 해당 명령어를 통해서 실제 안드로이드 기기나 에뮬레이터를 통해서 실행시킬 수 있다.현재 에뮬레이터의 경우 설치가 되어있지 않으므로 에뮬레이터를 설치한다.커맨드창으로도 설치가 가능하나 명령어를 정확하게 모르므로 안드.. 2017. 9. 28.
Cordova Simulate 에뮬레이터에서 앱을 실행하려면 Google Chrome이 필요합니다. Cordova Simulate 에뮬레이터에서 앱을 실행하려면 Google Chrome이 필요합니다. 하지만 이 컴퓨터에 Chrome이 설치되어 있지 않습니다. 해당 문제는 마이크로 소프트사에서 개발자가 하드코딩을 하면서 생긴 문제인것같다.윈도우 + R 키를 눌러 실행을 연다.실행 명령창에 regedit을 입력한다.해당경로로 이동한다.컴퓨터\HKEY_LOCAL_MACHINE\SOFTWARE\Clients\StartMenuInternet\Google Chrome 데이터에 Chrome으로 되어있는부분을 Google Chorme으로 변경한다. 2017. 9. 27.
CORDOVA 하이브리드앱 개발환경 설정 - 7 (CORDOVA 설치) CORDOVA 설치1. 커맨드창을 실행후 해당 명령어를 입력한다.npm install -g cordova cordova -version을 입력하면 현재의 버전을 알 수 있다.현재 버전은 7.0.1버전이다. 2017. 9. 27.
CORDOVA 하이브리드앱 개발환경 설정 - 6 (ANDROID SDK) ANDROID SDK1. 안드로이드 SDK 다운로드- https://developer.android.com/studio/index.html sdk설치에는 2가지 방법이 가능하다. 첫번째는 Android Studio에 포함되어있는 형태로 설치하는법과 명령줄 도구만 다운로드해서 사용하는 방법이 존재한다. 편하게하는법은 첫번째고 두번째는 자체적으로 설정할게 많다.하지만 나에게는 Android Studio도 쓸일이 있으므로 첫번째 방법을 사용한다.현재 설치당시 버전은 2.3.3버전이다. 참고로 SDK의 경우 굉장히 용량을 많이 차지한다. 용량이 부족하지 않은곳에 설치하는것을 권장한다.나의 경우 SDK설치경로만 변경하여 d:\의 AndroidSDK라는 폴더생성후 SDK를 설치하였다.안드로이드 스튜디오를 실행하면 .. 2017. 9. 26.
CORDOVA 하이브리드앱 개발환경 설정 - 5 (APACHE ANT) AHACHE ANT1. ANT 다운로드- http://ant.apache.org/bindownload.cgi작성일 기준 최신버전은 1.10.1버전이다.apache-ant-1.10.1-bin.zip파일을 다운로드 받는다. 2. 다운로드 받은 파일을 압축을 푼다. 압축을 풀게되면 pache-ant-1.10.1-bin 폴더내에 apache-ant-1.10.1폴더가있다.apache-ant-1.10.1폴더를 원하는곳으로 옴긴다.나의 경우 c:로 바로 지정하였다. 3. 환경변수 설정앞쪽 JDK설치하는곳에서 설명한 환경변수 설정하는곳으로 이동한다. JDK설정페이지로 이동 ● 환경변수에서 시스템 변수에서 새로만들기 선택 변수 이름 : ANT_HOME변수 값 : 압축파일을 풀었던 경로현재는 상단에 설치했던 경로 C:\a.. 2017. 9. 22.
jQuery.curCSS jQuery.curCSSJQuery 플러그인중 하위버전의 JQuery를 사용하는경우 상위버전만 사용할시 해당 오류가 발생할수 있다. 그때는 간단하게 해당 문구를 추가해주면된다. jQuery.curCSS = function(element, prop, val) { return jQuery(element).css(prop, val); }; 2017. 9. 22.
CORDOVA 하이브리드앱 개발환경 설정 - 4 (NODEJS) NODEJS설정1. NODEJS 다운로드- https://nodejs.org/ 작성일 기준으로 최신버전은 8.5버전이며 마찬가지로 빌드용으로만 사용되므로 LTS버전이나 최신버전이나 크게 상관이없다. 자신이 원하는 버전을 다운받아서 설치하면된다. 나의경우 8.5버전을 기준으로 진행하였다. 참고로 NODE버전 컨트롤을 하려면 NVM을 설치하면 편하게 관리할 수 있다.nvm : https://github.com/creationix/nvm 2. 다음다음다음다음.. 2017. 9. 22.
CORDOVA 하이브리드앱 개발환경 설정 - 3 (GIT 설정) GIT설정 1. 해당 사이트로 이동후 다운로드https://www.git-scm.com/ 작성일 기준 GIT버전은 2.14.1버전이다. 2. 설치 파일을 모두 기본형태로 설치Git을 하이브리드 앱 구동용으로만 설치하므로 기본형태로만 설치해도 전혀 문제가 없다. 하지만 Git을 제대로 사용할 사용자는 자신의 입맛에 맞게 옵션을 맞춰가면서 설치하면 된다. 2017. 9. 21.

티스토리툴바