본문 바로가기
프로그래밍/iOS

iPhone 에서 PhoneGap 사용하기...

by 사악신 2011. 11. 2.
안드로이드에서 PhoneGap 사용은 2011/10/27 - [프로그래밍/안드로이드] - 안드로이드에서 PhoneGap 사용하기... 글을 참고하기 바란다.

1. PhoneGap 설치
http://www.phonegap.com 에서 최신 버전(이 글의 경우 1.1.0)을 다운로드 받은 후, 압축을 풀어 iOS 디렉토리에있는 PhoneGap-1.1.0.dmg 파일을 열어 PhoneGap-1.1.0.pkg 를 실행하여 설치한다.


2. 프로젝트 생성하기
Xcode 를 실행한 후, 새로운 프로젝트를 생성한다.


PhoneGap-based Application 을 선택한 후, Next 버튼을 클릭한다.


Product Name 과 Company Identifier 를 입력하고 Next 버튼을 클릭한다.


프로젝트 파일이 위치할 디렉토리를 선택한 후 Create 버튼을 클릭한다.



시뮬레이터를 iPhone 으로 변경한 다음 프로젝트를 실행(반드시 한번 실행해주어야함)한다.


이때 www/index.html 을 찾을 수 없다는 에러가 발생하면 왼쪽 네비게이터 상단 프로젝트를 우클릭한 후 Show in Finder 를 실행한다.


www 폴더를 드래그하여 아래 표기한 영역으로 드랍한다.


 아래 창이 뜨면 Create folder references for any added folders 를 선택한 후 Finish 버튼을 클릭한다.


 
3. 샘플코드 작성하기
index.html 파일을 편집한다.

<h1>Hey, it's PhoneGap!</h1>


의 내용을 아래의 내용으로 변경한다.

<h1>Hello World</h1>


 

Run 버튼을 클릭한다. 아래의 결과가 출력되면 성공~


반응형

댓글