Meadows of wild horses

Blog...

Phonegap-iOS

| Comments

사용 환경

  • 모델명 : MacBook Pro
  • 모델 식별자: MacBookPro8,1
  • 메모리: 4 GB
  • Xcode: v4.5.2
  • 기타:
    • homebrew
    • iTerm
    • Xcode Command Line Tools
    • OS X Mountain Lion
    • iPhone

요구 환경

  • Xcode 4.5+
  • Xcode Command Line Tools
  • Intel-based computer with Mac OS X Lion or greater (10.7+)
  • Necessary for installing on device:
    • Apple iOS device (iPhone, iPad, iPod Touch) iOS developer certificate

Xcode 설치

Xcode는 Mac App Store에서 다운 받아 설치 할수 있습니다.

Xcode Command Line Tools 설치

기존의 OS에서 생성 하던 방식이 Cordova.2.2.0 버전에서 부터는 Command Line Tools로 변경 되었습니다.

Xcode 실행후 > Xcode Preferences 선택 합니다.

"Xcode preferences 변경"

Downloads->Components-> Command LIne Tools -> Install 클릭으로 설치 합니다.

"Command Line Tools 설치"

설치가 끝나면 Terminal.app (iTerm)에서 커맨드 라인으로 작업을 할수가 있습니다. 자세한 사항은 공식 문서인 Command-Line에서 iOS 부분을 참고 하시면 됩니다.

Apache Cordova 다운로드

다운로드된 파일은 .zip 파일이므로 압축 해제후 사용 할수 있으며 Cordova는 Cordova-Down에서 다운 받을수 있습니다.

새로운 프로젝트 시작하기

bin 폴더 열기

새로운 프로젝트를 생성하기 위해서는 ./create 파일을 실행 해야 합니다. create 파일은 lib/iOS/bin 폴더에 존재 합니다.

~/you-cordova-path/lib/ios/bin 폴더로 직접 이동 해서 사용할수도 있고 ~/you-cordova-path/lib/ios/bin 폴더를 Terminal.app에 드래그하면 bin 폴더를 연후 사용할수도 있습니다.

create 실행하기

1
2
3
4
5
6
7

$ ./create <project_folder_path> <package_name> <project_name>

$ mkdir project_folder_path/new_folder_name
$ ./create <project_folder_path> pheonegap.start start
$ cd ~/project_folder_path
$ ls
CordovaLib    cordova     start       start.xcodepro www

Simulator 실행하기

project_name.xcodeproj 실행

project_name.xcodeproj 파일을 클릭 하면 Xcode가 실행 됩니다. 실행후 컴파일 시간을 거친후 아래와 같이 Run 우측에 project_name > iPhone v.xx Simulator 선택 한후 Run(단축키 Command + R)을 실행 시켜 줍니다.

"Simulrator 실행"

Run이 진행 되면 아래와 같은 iOS Simulator를 확인 할수 있습니다.

"Simulrator 실행 화면"

Comments