[Dev's] PhoneGap 개발환경 세팅하기 - 2

폰갭의 개발환경을 세팅하기전에

 

본 블로그의

https://pororious.tistory.com/267

[App's] PhoneGap 개발환경 세팅하기 - 1

 

1). ANT 설치 및 환경변수 설정

ANT는 자바 기반의 빌드 도구이다. 폰갭은 ant를 이용하여 command-line 기반으로 빌드가 가능하다.

 

http://ant.apache.org/bindownload.cgi

홈페이지에서 zip파일을 다운받는다.

다운받은 zip파일의 압축을 풀고, 환경변수 설정을 진행한다. 진행 방법은 자바 환경변수 설정방법과 동일하다

 

ANT_HOME : 압축해제경로\apache-ant-1.9.2

Path : %ANT_HOME%\bin

 

2). Git 설치

이전의 폰갭은 필요한 플러그인을 다운받아서 직접 넣어서 사용을 했지만

3.0버젼 이상부터는 Git를 이용하여 cmd에서 플러그인을 추가,삭제한다.

http://git-scm.com/downloads

홈페이지에서 해당하는 운영체제를 선택하여 다운로드 한뒤 설치를 진행한다.

 

설치중에 위와 같은 화면을 볼 수 있는데 두번쩨를 선택하고 Next를 눌러주도록 하자.

 

3). Node.js 설치

폰갭 3.0 이후 부터는 라이브러리의 카피 방식이 아닌 node.js 기반의 npm 명령으로 설치가 되도록 바뀌었다

http://www.nodejs.org/

홈페이지에서 최신버젼을 다운받아 설치하도록 하자.

 

4). 폰갭 설치

 

cmd를 실행하고 npm install -g cordova 를 입력하면 위와 같은 화면을 확인 할 수 있는데, 이렇게 뜬다면 폰갭의 설치가 끝난것이다.

 

여기까지 진행되면 기본적인 준비는 끝났다.

다음 블로그에서는 본격적으로 프로젝트 생성 및 플러그인 추가까지 진행하도록 하자.

 

 

잡설 - 폰갭(Phonegap)과 cordova가 헷갈리는 경우가 있는데, 물론 지금의 나도 많이 헷갈린다;;; 결과적으로 말하자면 둘다 똑같다. 명령어에 cordova를 입력하냐, phonegap을 입력하냐의 차이일뿐인것 같다. 조금 알아본 결과 폰갭과 cordova 모두 각각의 공식홈페이지가 존재하며, 동일한 버젼을 제공한다. 두 홈페이지를 보면 각각 다른 명령어를 사용하고 있지만 어쩻든 둘다 똑같은 폰갭이다... 아마 apache에서 서비스하는것과 폰갭에서 서비스하는것이 차이점인듯 하다.