PhoneGap CLI 설치 과정

하이브리드 앱은 HTML, CSS, Javascript/jQuery 기술을 이용하며
모바일웹 + 모바일 프레임워크를 사용하여 네이티브앱으로 변환한 앱이다.

PhoneGap은 Adobe에서 웹 개발 기술로 네이티브 앱을 개발할 수 있는 오픈소스 프레임워크이다.
PhoneGap은 웹 API로 모바일 앱을 개발 할 수 있는 프레임워크이다. 즉 웹 개발 기술로 프로그램을 작성해서 네이티브 앱을 만든다는 개념이다.

1. Node.js command prompt 를 실행한다.

2. npm install -g phonegap 를 입력하고 엔터키를 친다.

3. npm install -g cordova 를 입력하고 엔터키를 친다.

4. 구글 플레이스토어에서 PhoneGap Developer App을 검색하여 설치한다.

5. projects 디렉토리를 생성하고 이동한다.

   md projects

   cd projects

6. phonegap create hello_world 를 입력한다.

7. cd hello_world 로 폴더를 이동한 다음

   phonegap serve 를 실행하면 아래 화면이 나온다.

8. 이제 안드로이드폰에서 PhoneGap Developer 앱에서 해당 IP주소로 주소변경을 하고 나서 Connect를 누르면 어플이 실행된 것을 확인할 수 있다.

내 PC환경은 IPTime 공유기환경이라 안드로이드폰에서 Wi-Fi 접속모드를 활성화시켜야 한다.

폴더의 구조를 살펴보면 아래 그림과 같다.

우리가 개발을 손봐야 하는 것은 www 폴더에 있는 파일을 수정 개발하면 된다.

9. 해당 폴더로 이동하여 index.html 파일을 수정해보자.

수정하면 바로 앱에서 내용이 아래와 같이 변경되는 걸 확인할 수 있다.

PhoneGap Desktop 버전은 https://phonegap.com/ 에서 윈도우용과 맥용을 선택하여 받아 설치한다.