1. Ionic Framework설치

1-1. JDK 1.7 설치, Ant,Android SDK 설치

    - http://www.oracle.com/technetwork/java/javase/downloads/index.html

- http://developer.android.com/sdk/index.html

- http://ant.apache.org/

- 설치 후 환경 변수 자바 JDK Path 추가

- JAVA_HOME으로 시스템 변수 추가

- PATH 에 JAVA_HOME\bin 추가

- ClassPath 위와 같이 추가

- Apache-Ant 를 다운 받아 C:\ 에 압축해체를 한다.

- ANT_HOME을 추가한다.

- Path 에도 동일하게 추가한다.

- Android_SDK 변수 추가

- ;%Android_SDK%\platform-tools; 추가

- ;%Android_SDK%\tools; 추가

- cmd 창에서 다음 명령어로 정상적으로 Path 가 잡혀 있는지 확인

- java –version

- javac

- ant –version

- android // SDK 매니저가 실행됨

1-2. Node.js 설치

- https://nodejs.org/en/download/

- 각 OS 버전 별로 설치한다.

1-3. 개발 도구

    - https://atom.io

    - 필자의 경우 아톰 에디터를 이용했다. 취향 별로 ….

1-4. NPM에서 설치

    - NodeJs에서 NPM(Node Packaged Modules)으로 Ionic framework 설치

    - C:\>npm list -g --depth=0

C:\Users\bb\AppData\Roaming\npm

├── cordova@5.4.1

└── ionic@1.7.12

    - npm list –g –depth // 현재 설치된 모듈 리스트 정보를 가져옴    

    - npm install -g cordova // -> 코도바 설치(하이브리드앱 변환 라이브러리)

    - npm install -g ionic // -> cordova를 좀더 사용하기 편하게 만든 UI 템플릿을 제공한다.

2. Ionic project 시작하기

    2.1 프로젝트 만들기

        - C:\app001>ionic start app // 만들고 싶은 폴더 위치에서 app(앱의이름)을 지정해주면 프로젝트 생성

        - CMD 창에서 프로젝트 생성 메시지가 뜨고 명령어에 대한 팁이 나온다.

    2.2 프로젝트 실행하기

        - 해당 app 폴더로 이동한 후에

- $ionic serve // 내장서버로 app 실행

        - 실행 모습

3. lonic project 빌드하기

    3.1