프로그래머...

필고 개발자그룹에서는
필리핀에 계시는 개발자분들이 함께 성장 할 수 있는 공간입니다.

정모: 11월 1일
Image at ../data/upload/7/1203907Image at ../data/upload/4/1112674Image at ../data/upload/2/1046612Image at ../data/upload/9/838729Image at ../data/upload/6/820796Image at ../data/upload/9/766049Image at ../data/upload/0/766040Image at ../data/upload/5/746745
Sub Page View
Today Page View: 3
Yesterday View: 22
30 Days View: 320
Image at ../data/upload/3/2288953

OS X 에서 폰갭 개발 설정

Views : 5,611 2013-12-22 18:26

QR 스캔해주세요.
필고 개발자 그룹 1269628054
Report List New Post

iOS 개발 ( 개발 환경 준비 )

PhoneGap 으로 iOS 앱 개발을 위한 준비 과정을 설명합니다.


본 글에서는 여러분이 Mac OS 에 대해서 잘 알고 있다고 가정을 하고 설명을 합니다.


사실 저는 Mac 을 잘 사용하지 못합니다. 이번이 딱 두번째 쓰는 것입니다. 프로그램을 다운받고 설치하는 방법도 몰라서 엄청헤멨네요.



과거 버전의 PhoneGap 으로 iOS 앱 개발에 대한 문서는 아래 링크를 참고하십시오.


https://docs.google.com/a/withcenter.com/document/d/1nP6MIdYE_aTG4d7phy9eGAnnTrB_PR8n8_UKLkk7QTw/edit#heading=h.th1yl31zlf



최신 버젼 설치

2013년 12월 22일 현재 제 맥북에는 OS X Version 10.9.1 이 깔려져 있습니다. Mavericks 라고 하네요.

Xcode 는 5.0.2 버젼입니다.


( 맥북을 사용 할 줄도 모르는데, 어제 업데이트 하느라고 고생을 좀 했죠. 인터넷 카드가 안잡혀서.. ㅡㅡ; Xcode 사용 법도 다 잊어 버렸네요 ㅡㅡ; )


폰갭 최신 버젼은 3.3 입니다.


자 그럼 설치해 볼까요?


폰갭 설치

http://phonegap.com/install/ 에 있는 문서 대로 하지 말구요,

http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface 에 나오는 대로 하면 됩니다.


phonegap 과 cordova 의 명령어가 약간 틀리는데 주로 cordova 를 많이 사용하는 것 같습니다.


그리고 http://docs.phonegap.com/en/3.3.0/guide_platforms_ios_index.md.html#iOS%20Platform%20Guide 문서를 보시면 됩니다.


그런데 저 문서를 언제 다 읽겠습니까...


무식하면 용감하다고. 그냥 무대뽀 정신으로 갑니다.


nodejs 설치

nodejs.org 에서 설치합니다. 따로 설명이 필요하나요? 그렇다면 필고 개발자 그룹의 노드 강좌를 참고해 주세요.

http://dev.philgo.com/?1269552300


nodejs 설치하는 과정이 신기하네요. 윈도우즈 프로그램 설치 처럼 몇 번 클릭으로 됩니다. ( OS X 프로그램 설치가 어려워서 잔뜩 긴장하고 있었는데요 ... )



아래 처럼 하니 node 버젼이 v0.10.24 라고 나오네요.

node -v



Cordova 설치


아래와 같이 하면 됩니다.

$ su -

# npm install -g cordova




폰갭 앱 생성 및 실행


$ cordova c/r/e/a/t/e app1 com.example.app1 HelloApp1

$ cd app1

$ cordova platform add ios

$ cordova build


cordova build 대신 cordova build ios 라고 입력해도 되며 build 대신 prepare 를 사용해도 된다.



Xcode 에서 HelloApp1.xcodeproj 파일을 더블클릭하여 해당 프로젝트를 연다.


그리고 왼쪽 상단에 Emaulator 를 선택하고 실행하면 된다.



  본 글을 신고하시겠습니까?
Report List New Post
필고 개발자 그룹
No. 95
Page 3
권오창@페이스...  3224  19-04-07
만강이  2860  15-08-31
Photo Post thumbbail image
whizenglish  4309  15-06-20
Post thumbnail image
whizenglish  7196  15-05-21
커먼웰쓰  3479  15-05-14
바다디다  2591  15-02-21
dnfkfkfkfkf  3464  15-01-25
필고관리자  2991  15-01-03
Post thumbnail image
필고관리자  9941  15-01-03
굿리  3395  15-01-02
요잇  3259  14-12-11
jeremyPark  3053  14-12-03
Post thumbnail image
thruthesky  39687  14-09-30
필고관리자  3444  14-09-30
오늘도잠온다  3776  14-05-03
오늘도잠온다  3375  14-04-07
필고관리자  4233  14-01-15
thruthesky  10564  14-01-11
thruthesky  5612  13-12-22
Post thumbnail image
thruthesky  6819  13-12-16
thruthesky  10269  13-11-26
thruthesky  3825  13-11-24
thruthesky  2184  13-11-10
thruthesky  2557  13-11-10
thruthesky  4845  13-11-10
thruthesky  3689  13-11-10
thruthesky  2698  13-09-29
Post thumbnail image
thruthesky  7972  13-09-28
Post thumbnail image
thruthesky  10947  13-09-28
오늘도잠온다  4605  13-09-27
오늘도잠온다  2133  13-09-27
Photo Post thumbbail image
필고관리자  10219  13-09-21
thruthesky  2790  13-09-15
Photo Post thumbbail image
thruthesky  5836  13-09-12
Photo Post thumbbail image
thruthesky  2574  13-09-11
Photo Post thumbbail image
thruthesky  12933  13-09-10
Photo Post thumbbail image
thruthesky  12162  13-09-08
Photo Post thumbbail image
thruthesky  5245  13-09-07
thruthesky  3951  13-09-03
깜씨  3561  13-09-02