본 포스팅은 그린컴퓨터아카데미에서 진행되는 “하이브리드 웹,앱 개발자 양성과정”에서 NCS 보조 학습 교재로 활용하기 위해 작성되었습니다. ITPAPER 멤버의 수업 교재 활용 이외에 이 포스팅에 대한 어떠한 방식의 2차 활용도 허용하지 않습니다.
NCS 분류 | 문화,예술,디자인,방송 > 문화콘텐츠 > 문화콘텐츠제작 |
---|---|
능력단위 | 앱 개발계획 |
학습모듈명 | 앱 개발계획 |
준비사항
이 포스팅의 내용을 진행하기 위해서는 아래의 포스팅에서 소개하는 항목들이 선행되어야 합니다.
node.js 설치하기
Cordova는 node.js에 포함된 npm이라는 도구를 사용하기 때문에 Cordova 개발을 위해서는 반드시 node.js를 설치해야 합니다. node.js 설치 프로그램을 내려받기 위해서 http://nodejs.org 에 접속합니다.
사이트에 접속 후, 화면 중앙의 다운로드 버튼 중에서 왼쪽 항목을 선택합니다. 버전에 상관없이 왼쪽에 표시되는 항목이 안정화 된 버전이고, 오른쪽에 표시되는 항목이 안정화 되지 않은 버전입니다.
내려받은 설치 프로그램을 실행하여 node.js를 설치합니다. 설치 과정중에는 특별한 설정사항 없이 “next” 버튼만 계속 클릭하면 됩니다.
Cordova 설치
Cordova 설치하기
Cordova 기반의 개발에 필요한 모든 요소를 갖추었으므로 이제 Cordova를 설치해야 합니다. 설치를 위해서 터미널을 열도록 합니다.
Cordova 설치를 위한 명령어는 다음과 같습니다.
설치 명령어를 입력하면 터미널상에서 최고관리자의 권한을 빌려서 사용하는 sudo 명령어를 사용하면 시스템 관리자의 비밀번호를 입력해야 합니다. Mac의 터미널에서는 비밀번호 입력에 대해서 입력되고 있는 과정에 “*”기호로 표시되지 않습니다. 화면상에 아무런 변화가 없더라도 입력이 되고 있는 상태이니 당황하지 않도록 합니다.
CORDOVA 버전 확인
설치가 종료되면 다음의 명령어로 Cordova의 버전을 확인해 보도록 합니다.
iOS-SIM 설치
마지막으로 Cordova에서 iOS의 시뮬레이터를 호출할 수 있는 iOS-SIM을 설치해야 합니다. iOS-SIM 의 설치 명령어는 다음과 같습니다.