티스토리 뷰

모바일/모바일웹

jQueryMobile + Phonegap 1.7

공허공자 2012. 5. 8. 17:17

Phonegap 사이트에서 다운받고 압축을 해제하면
설치 패키지는 보이지 않고 폴더와 일반 파일들만 보인다.

설치 패키지는 lib 폴더 하위의 각 모바일운영체제 폴더 안에 있다.
iOS의 경우 기존 phonegap-x.x.x.dmg 라는것에서
Cordova-1.7.0.dmg 와 같이 이름이 변경되어 있다.

여튼, 열려있는 Xcode가 있다면 Cmd + Q 하여 종료시키고
설치패키지를 더블클릭하여 설치하고
Xcode를 실행 > Cmd + Shift + N 하면
Cordova-Based Application 가 보인다.
그것을 선택하여 프로젝트를 시작한다.

프로젝트가 열리면
프로젝트에 Contrl + 클릭 > Show In Finder 로 파인더를 연 후
www 폴더를 Xcode의 프로젝트명으로 (프로젝트 폴더 아님) 드래그 하고
선택 라디오버튼 중 ...reference... 선택하고 OK

프로젝트폴더/Supporting Files/Cordova.plist 을
Control + 클릭 > Open As > Source Code 해서 열리면

<key>ExternalHosts</key>
<array>
    <string>*</string>
</array>
와 같이 입력하여 외부도메인과의 연결을 가능하도록 한다.


이후는 Xcode의 www 폴더에 있는 index.html 등을 통해
웹 어플을 수행할 수 있다.

자바스크립트에 대한 디버깅은 안되는듯 보이므로
작동에 이상없도록 미리 만들어둔 모바일웹을
복사해 넣는것이 좋을듯 하다.

댓글