Ionic Framework 으로 하이브리드앱 개발

프론티어2014-06-13 15:33:34532360ionic, framework, cordova, 하이브리드앱

Cordova 로 하이브리드앱 개발을 할 수 있는 준비는 갖추어졌다고 하지만,

  • UI 처리를 위해 jQuery Mobile 이나 Sencha Touch 중 어느 것을 사용할 것인가?
  • Javascript MVC 처리를 어떻게 할 것인지 등

검토하고 정리해야할 것 또한 적지 않습니다..

이에 대한 방안의 하나로 Ionic Framework 는 충분히 매력적입니다.

사실 이글을 쓰게 된 계기도 며칠전 읽었던 saltfactory's blog 의 아래 글에 자극을 받은 탓입니다.

Ionic Framework 에 대한 소개로 너 무 좋은 글이었습니다. 강추! Thanks saltfactory!!

요약하면, Ionic Framework = Cordova + Angular.js + Ionic UI

Ionic 이미지


이제 부터는 Ionic Framework 을 이용해서 HelloWorld 를 하나 만들어 보죠.

1. Ionic framework 설치

npm install -g ionic

2. Ionic Project 생성

ionic start hello

다음 부터는 cordova 사용법과 비슷합니다.

cd hello

한후,

3. platform 추가

ionic platform add android

정리 ionic 의 경우 여기까지 하면 (build 나 prepare 하지 않아도) Eclipse Project 로 변환가능해진다.

4. build

ionic build android


바로 실행

ionic serve

  • 이부분이 Iconic 이 장점중 하나... On the fly 방식의 개발이 가능
  • Native 쪽이 아니면 대부분 여기서 개발작업 진행 가능

일단 이정도로 정리해 둡니다.