코도바를 이용하여 하이브리드 앱 개발 환경 설정.

1. 하이브리드 앱을 만들자 by cordova
(windows environment)

2. 노드 설치하기
CMD 창에서 버전확인 명령어로 정상적으로 설치되었는지 확인
http://nodejs.org 에서 다운로드 후 설치 next.next.finish
Node 4.x 버전 다운로드. 5.0 버전에 코도바 프로젝트 생성 시 에러 있음
node -v
npm –v

3. 코도바 설치하기
npm 명령어로 cordova 설치하기
Npm install cordova -g
-g 옵션은 개발환경을 글로벌 영역에 설치 의미
Cordova -v 설치된 코도바 버전 확인

4. 안드로이드 SDK설치하기 1
https://developer.android.com/sdk/installing/index.html
스튜디오를 설치해도 상관없음
*자바 환경설정이 되어 있어야 함

5. 안드로이드 SDK설치하기 2
시스템 변수에 아래 경로 추가
안드로이드 설치 path/sdk/tools
안드로이드 설치 path/sdk/platform-tools

6. 안드로이드 SDK설치하기 3
Android –h
Adb version
아래 커맨드를 실행하여 환경변수 설정이 제대로 되었는지 확인

7. 안드로이드 에뮬레이터 설정
android 명령어로 Android SDK Manager를 실행
Tools -> Manage AVDs 에서 가상디바이스를 생성

8. 코도바 예제 생성 1
cordova create hello com.example.hello HelloWorld -d
hello 라는 코도바 프로젝트 생성 명령어 –d 옵션은 경과 표시
cd hello
cordova platform add ios
cordova platform add android
생성한 프로젝트경로에서
ios와 android를 플랫폼으로 추가

9. 코도바 예제 생성 2
Cordova platform ls
프로젝트에 설치된 플랫폼 확인
Cordova platform remove ios
설치된 플랫폼 삭제 (예 : ios)

10. 코도바 예제 폴더 설명
설치한 플랫폼
웹뷰에서 실행될 웹 관련 파일
코도바 플러그인

11. 예제 프로젝트 실행
에뮬레이터로 실행
웹브라우저로 실행
실제 디바이스로 실행
디바이스의 디버그 옵션을 켜놔야함
Cordova emulate android –d
Cordova emulate ios -d
Cordova run android -d
Cordova run ios -d
Cordova serve

12. 코도바 플러그인 설치
https://cordova.apache.org
공식 사이트에서 플러그인 검색 후 설치
cordova plugin add cordova-plugin-camera
검색한 플러그인 이름으로 설치 (예 : cordova-plugin-camera)

13. 코도바 실행 life cycle(?) 설명
순서
1.DomContentLoaded (dom 모두 읽음)
2.Load (렌더링 리소스 모두 읽음)
3.Deviceready (네이티브 접근가능)
Cordova prepare -d
수정된 프로젝트 적용
프로젝트 재실행
Cordova run android