[IONIC] ionic 설치하기

+)

ionic이란?

하이브리드 앱은 각 모바일 프레임워크에서 제공하는 웹뷰 위에 구동되는 웹 어플리케이션이다. 따라서 HTML, CSS, Javascript 코드로 화면을 개발하고 모바일 디바이스의 자원을 사용하기 위해서는 코르도바(Cordova) 같은 크로스 개발 플랫폼을 사용해서 디바이스의 카메라나 위치정보에 접근할 수 있다.

아이오닉(Ionic)도 마찬가지로 하이브리드 앱중의 하나이다. 기본적으로 코르도바 개발 프레임웍 위에서 동작하고 앵귤러(AngularJS) 자바스크립트 프레임웍을 사용한다. 때문에 MVC 뿐만아니라 MVW 디자인 패턴 구현이 쉽고, 웹에서 사용하는 앵귤러 코드를 그대로 모바일로 가져다 사용할 수 있는 코드 재사용의 이점이 있다. 아이오닉은 각 모바일 페이지 관리를 위해 UI Router라는 앵귤러 써드파티 라이브러리를 추가로 사용한다

(http://webframeworks.kr/getstarted/ionic/)

1. node js install (https://nodejs.org/ko/download/)

2. ionic install (https://ionicframework.com/getting-started)

npm install -g cordova ionic

3. ionic project 만들기

ionic start application_이름 tabs

(tabs이외에도 blank, sidemenu가 있다)

4. application project 실행하기

cd application_이름

ionic serve

5. 에뮬레이터로 연습하기! (https://ionicframework.com/docs/v1/guide/testing.html)

$ ionic cordova build ios

$ ionic cordova emulate ios

$ ionic cordova prepare ios

$ ionic cordova run android