Xcode에서 PhoneGap으로 개발하기

1. 개발에 필요한 사항

• 인텔기반의 Mac OS X Snow Leopard(10.6) 이상의 컴퓨터
• 장비에 install하기 위한 필요 사항
• 애플의 iOS 장치(iPhone, iPad, iPod Touch)
• iOS 개발자 인증

2. Install SDK + PhoneGap

• Apple Developer Portal 에서 Xcode를 다운로드 후 설치한다.
• PhoneGap 최근 버전을 다운로드 받는다. PhoneGap Download.
• zip파일의 압축을 해제 후, lib/ios 폴더 아래의 확장자가 dmg 파일을 더블클릭해서 설치한다.

3. Setup New Project

• Xcode 실행 후 새로운 프로젝트를 생성한다.
• 프로젝트를 위한 템플릿 중에서 Cordova-based Application을 선택한다.

• Next 버튼을 클릭 후, 애플리케이션에 대한 "Product Name" & "Company Identifier"를 지정한다. 

• 애플리케이션을 저장하기 위한 폴더를 선택
• 프로젝트가 생성된 후 바로 Xcode 좌측 상단에 있는 Run 버튼을 클릭해서 프로젝트를 실행한다.
• 프로젝트 생성 후 저장
• Xcode 4에서 생성한 프로젝트를 볼 수 있을 것이다. 이때 좌측 상단에 있는 Run 버튼을 클릭해서 해당 프로젝트를 실행시킨다.
• index.html 파일을 찾지 못해 iPhone 시뮬레이터에서 오류가 발생하게 된다.
• 프로젝트를 Run 후에 프로젝트 폴더 아래에 www폴더가 생기지 않았다면, PhoneGap을 다운 받은 폴더에서 www폴더를 복사해서 붙여도 된다.
• 탐색기에서 프로젝트 아래의 생성된 www폴더를 Drag&Drop으로 아래의 푸른색 부부에 놓으면 신규 팝업 메뉴가 나타나게 된다.

• Drag 후에 나타난 팝업 창에서, 아래와 같이 Create folder reference for any added folders를 선택하면 된다. 

4. Hello World

아래와 같이 구동된 화면을 볼 수 있다.