소개

Cordova를 설치할 때 단계를 Qiita에 남겨 둡니다

Apache-Cordova (약칭:Cordova[코르도바])
모바일 애플리케이션 개발을위한 프레임 워크 (오픈 소스),
HTML, CSS, JS를 사용하여 멀티 플랫폼 용 애플리케이션을 작성할 수 있습니다.

설치 환경

Windows 10

node (v7.2.1)

npm (4.0.5)

※Node.js의 환경을 사전에 준비해 주실 필요가 있습니다.
아직 설치되어 있지 않은 분은 이 기사를 참조하십시오.

From Qiita
【Node.js】 Nodist를 사용하여 Node.js 버전 전환 [for Windows]

설치 방법

1. 명령 프롬프트를 시작하고 다음 명령을 실행합니다.

$ npm install -g cordova

Cordova는 다양한 프로젝트에서 활용할 수 있으므로 글로벌 옵션-g을 사용하여 설치합니다.

-g 옵션을 붙이면 global 설정된 node.js 버전으로 설치됩니다.

C:\User\〇〇〇\src> nodist ls
(x64)
7.2.1 (global: 7.2.1)
  8.1.0
  8.1.2

-g 옵션을 부여해 인스톨했을 경우의 인스톨처(파일 패스)는, 이하의 커멘드로 조사하는 것이 가능합니다.

$ npm -g root

・출력 결과
예. C:\Program Files\Nodist\bin\node_modules

2. cordova가 성공적으로 설치되면 버전을 확인합니다.

$ cordova -v
7.0.1

위의 명령을 실행하고 버전이 출력되면 OK입니다!

3. 새 프로젝트를 만듭니다.

아래 명령을 실행하면 프로젝트 파일이 생성됩니다.

$ cordova create HelloWorld // 新規プロジェクト作成

$ cd HelloWorld // ディレクトリ移動

· 신규 프로젝트의 디렉토리 구성

.
├── .npmignore
├── cofig.xml
├── <DIR> hooks
├── package.json
├── <DIR> platforms
├── <DIR> plugins
├── <DIR> res
└── <DIR> www

파일/디렉토리
개요


.npmignore
npm 패키지를 등록할 때의 제외 파일을 기재

config.xml
다양한 애플리케이션 동작을 제어할 수 있는 구성 파일(Global)

후크
Cordova 명령을 사용자 정의 할 때 사용하는 후크

package.json
프로젝트에서 사용할 패키지 목록, 버전 관리

플랫폼
플랫폼별로 생성되는 폴더 관리

플러그인
cordova 플러그인 폴더 관리

res
리소스 파일 관리 (icon, img, etc)

www
각 플랫폼에 배포되는 템플릿 파일(HTML, CSS, JS)

4. 플랫폼 추가

여기에서는 애플리케이션을 실행하는 플랫폼을 추가합니다. (ex.Android)

$ cordova platform add android

설치가 완료되면 ls 명령을 사용하여 추가된 플랫폼을 확인합니다.

$ cordova platform ls

・출력 결과

Installed platfomrs:
  android 6.2.3
Available platfomrs:
 blackberry10 ~3.8.0 (deprecated)
 browser ~4.1.0
 webos ~3.7.0
 windows ~5.0.0

5. 에뮬레이터에서 실행(동작 확인)
실기가 없으므로 에뮬레이터에서 동작 확인을 해보고 싶습니다.

$ cordova emulate android

안전하게 안드로이드 에뮬레이터가 시작되었습니다.

결론

이제 다음 번에는 Cordova 앱의 WebView 부분을 CrossWalk로 바꾸는 방법에 대해
검증을 섞으면서 쓰고 싶습니다.

끝까지 읽어 주셔서 감사합니다.