PhoneGap 2.x, Sencha Touch 2 함께 사용하기 - 1. 환경 설정

안드로이드를 기준으로 Sencha Touch(Sencha Touch 2)와 PhoneGap(2.x)을 함께 사용하는 방법에 대해 정리해보겠습니다.

Sencha Touch와 PhoneGap을 함께 사용할 경우, 아래와 같이 역할 분담이 된다고 볼 수 있습니다.

 - Sencha Touch : UI Framework

 - PhoneGap : 프로젝트 뼈대 생성, Native API 제공

환경 설정

1. 기본 프로그램들 (이미 설치되어있는 것으로 가정)

 - JDK
 - Android SDK (여기서 테스트한 버전은 R22.3)
 - Eclipse

2. 다음의 프로그램들을 받은 후, 설치 프로그램을 실행하거나 압축을 풀어서 설치합니다.

 - PhoneGap : 2.9.0
 - Apache Ant : 1.9.2 (PhoneGap 사용을 위해 필요)
 - Sencha Touch : 2.3.1
 - Sencha CMD : 4.0.1.45 (Sencha Touch 사용을 위해 필요)

 - Ruby : 2.0.0-p353 (Sencha Touch 사용을 위해 필요)

3. <PhoneGap 설치 폴더>\lib\android\bin을 PATH 환경 변수에 추가합니다.

4. <Apache Ant 설치 폴더>\bin을 PATH 환경 변수에 추가합니다.

5. <Sencha CMD 설치 폴더>를 PATH 환경 변수에 추가합니다.

6. <Android SDK 설치 폴더>\tools를 PATH 환경 변수에 추가합니다.

7. <Ruby 설치 폴더>\bin을 PATH 환경 변수에 추가합니다.

8. 환경 변수 JAVA_HOME가 JDK의 bin 폴더 경로가 되도록 설정합니다.

9. Command prompt 상에서 android.bat를 한번 실행해주고, Android SDK Manager가 뜨는 것을 확인합니다.

업데이트 : 2013.12