단단한수박

Cordova(하이브리드 웹앱)로 아이폰 개발 환경 구축하기 - 기본 준비물 설치 편 본문

Cordova

Cordova(하이브리드 웹앱)로 아이폰 개발 환경 구축하기 - 기본 준비물 설치 편

단단한수박 2021. 12. 17. 14:47

하드웨어 - 맥, 아이맥, 맥미니, 맥북(or Air, Pro) 등 맥이라면 ok (Intel, M1 칩 둘다 가능)

소프트웨어 - Xcode, NodeJS, HomeBrew, Xcode-select, ios-deploy

 

Q. 왜 이렇게 프로그램이 많이 필요하나?

아이폰 앱은 Xcode 프로그램을 통해 작동되어야 하는데

이때 Cordova -> Xcode 과정에 필요한 프로그램으로 생각하면 된다!

 

1. Xcode 설치하기

앱스토어에서 'xcode' 검색 후 설치 끝

 

 

2. NodeJS 설치

https://nodejs.org/ko/ 에 접속

LTS 버전을 받고 설치 끝

(최신 버전이 있더라도 안정적인 LTS 버전을 권장!)

* Cordova는 Nodejs에서 작동한다

 

 

3. HomeBrew 설치

 https://brew.sh/index_ko 에 접속

"Homebrew 설치하기" 아래  명령어 복사!

터미널에 붙여넣고 실행하는걸로 설치가 완료 되면 좋으련만

설치 후 다음스텝이라고 나오는데 터미널에서 Homebrew 경로를 추가하라고 나오는

echo 'eval "$(/opt/homebrew/bin ... sellenv)"

구간의 내용을 고대로 복붙해서 실행해 주면 설치 끝

* HomeBrew는 ios-deploy 설치를 위해 필수

 

 

4. Xcode-select

xcode-select --install

터미널에서 위 명령을 실행 해주면 설치 끝

(생각보다 시간이 오래걸린다)

* Cordova에서 Xcode를 실행하기 위한 필수품!

 

 

5. ios-deploy (배포도구)

brew install ios-deploy

터미널에서 위 명령을 실행 해주면 설치 끝

(HomeBrew가 설치 되지 않았다면 3번을 참고하자)

* 명령어로 iOS기기(아이폰, 아이패드등)에서 앱을 실행할 수 있는 툴!

 

 

6. Cordova

npm install -g cordova

터미널에서 위 명령을 실행 해주면 설치 끝

(NodeJS가 설치되지 않았다면 2번을 참고하자)

 

 

여기까지 잘 따라왔다면 이제 아이폰 개발 환경 준비는 끝

Comments