웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리

HOME > webdevetc

Phonegap CLI 설치 및 사용방법

Last Modified : 2018-08-07 / Created : 2018-08-07
3,121
View Count
하이브리드 앱을 만들 수 있는 Phonegap에서 Phonegap CLI를 설치하고 사용하는 방법을 알아봅니다.

폰갭은 Cordova를 사용하는 Adobe의 Hybrid 개발툴입니다. Phonegap을 설치하는 경우 더 편리한 기능을 제공하는 Phonegap CLI 사용이 가능합니다. 아래는 설치부터 사용방법까지의 방법들입니다.


! Phonegap cli가 필요한 이유

phonegap cli가 없더라도 어플리케이션을 사용하여 다양한 기능 수행을 할 수 있습니다. 다만 cli를 사용하면 간단한 커맨드를 통하여 새로운 프로젝트나 앱을 더 쉽고 빠르게 만들거나 빌드할 수 있어 많이 사용됩니다.




# Phonegap CLI 설치하기

먼저 phonegap cli를 설치하도록 하겠습니다. 설치 방법은 npm node 패키지를 사용하며 아래와 같이 명령어를 입력하여 설치하도록 합니다.
npm install -g phonegap@latest
npm install -g cordova

위와같이 먼저 phonegap과 cordova를 설치하였습니다. 설치가 끝나면 이제 앱을 만들기 위해서 새로운 프로젝트를 생성 하겠습니다.


! 새로운 프로젝트 생성하기, Create new project

새로운 프로젝트를 생성하기 위해서 아래와 같이 create을 사용하여 명령어를 입력합니다.
cordova create myapp


! 플랫폼 추가하기

myapp이라는 프로젝트가 생성되었습니다. 맨 처음에는 앱이 사용될 플랫폼을 선택해야하는데 한 개 또는 그 이상의 플랫폼을 추가할 수 있습니다. 먼저 경로로 이동합니다.
cd myapp

cordova platform add android
cordova platform add ios

위와같이 빌드할 플랫폼을 모두 추가하도록 합니다. 추가가 끝나면 다음은 빌드 과정입니다. 안드로이드를 예를들면 apk 파일을 생성할 수 있으며 저장됩니다.
phonegap build android

빌드 후 apk 파일은 아래의 위치에 존재합니다.
myapp/platforms/android/build/outputs/apk/


여기까지 cli 설치 및 자주 사용되면 커맨드 몇 가지를 알아보았습니다. 더 많은 정보는 아래에서 찾을 수 있습니다.

폰갭 사이트 바로가기, Phonegap CLI 바로가기 >
http://docs.phonegap.com/references/phonegap-cli/

아래의 글도 찾고 계시지 않나요?

Previous

크롬브라우저 안전하지 않은 스크립트 로드 표시 제거하는 방법

Previous

Visual Studio Code(VSCode) 유용한 단축키 알아보기