2016년 2월 24일 수요일

ionic Framework : 아이오닉 프레임워크 설치 및 구동하기

아이오닉 프레임워크를 사용하기 위해 설치해야할 것들을 정리해보았다.

step 1. node.js 설치 : https://nodejs.org/en/

step 2. npm 환경 변수 설정









step 3. cordova 설치 : in command(cmd) > npm install -g cordova

step 4. ionic 설치 : in command(cmd) > npm install -g ionic













아이오닉이 설치되면 다음과 같은 창이 뜬다.

아이오닉 프레임워크를 사용하기 위해서는 프로젝트를 생성하고, 플래폼을 설정하여야 한다.

아이오닉 명령어는 [ionic --help]를 입력하면 더 자세하게 볼 수 있다.

step 1. ionic start [PATH]

















입력시 다음과 같은 화면이 뜨면서 프로젝트를 생성한다.














중간에 아이오닉 계정을 생성하여 노티에 대한 푸쉬와 아이오닉 뷰를 사용할거냐고 묻는데 선택하면 된다.
























성공적으로 프로젝트가 생성이 되었다.


step 2. ionic platform [android | ios | etc...]

이제 우리가 사용해 볼 플랫폼을 추가해보자.( 필자는 안드로이드 플랫폼을 추가하였다.)
아이오닉 프로젝트를 생성한 경로로 이동한 뒤 [ionic platform android]명령어를 입력해준다.

(안드로이드 플랫폼으로 빌드하기 위해서는 안드로이드 SDK가 설치되어 있어야 한다. ios도 마찬가지이다. 혹시나 SDK가 없다면 먼저 다운로드한 뒤 이용할 수 있도록 한다.)














다음과 같이 실행되며 안드로이드에서 실행될 수 있도록 빌드해준다.

이후 [ionic serve]를 이용하여 웹에서 테스트로 볼 수 있거나, [ionic run [android | ios | etc...] --[ device | emulator | target ]] 등등에서 볼 수 있다.