아이오닉 프레임워크 설치 (IONIC framework setting)

하이브리드 앱을 개발하는데 있어서 다양한 프레임워크가 있을테지만, 

이번에 찾아보고 읽어보면서 아이오닉(IONIC) 프레임워크를 설치해보고자 한다.

 

https://ionicframework.com/

 

왠지 아이오닉 하이브리드 전기차가 생각나는 이름이긴 함... ㅎ

 

아이오닉 프레임워크란?

웹 기술(HTML, CSS, Javascript)을 사용하는 AngularJS를 기반으로 한 모바일 하이브리드앱 개발 프레임워크(Framework)이며, HTML5 API를 사용할 수 있는 컴포넌트들과 클래스 플랫폼 개발을 위해 사용되는 코르도바(Cordova)기반으로 구성됨으로 하이브리드 앱 UI 디자인을 최적화 할 수 있다.

MVC기반으로 제작을 함으로 고객에게 보여주어야 하는 정보가 많은 렌더링 작업이 필요하지 않으며, 서버의 처리 시간과 통신과정 이 중요시 되는 앱을 만드는데에 더 적합하다.

 

먼저 node.js를 설치한다.

다운로드 | Node.js

 

운영체제에 맞춰서 다운을 받는다.

그리고 설치 한 다음 화면에서 ""shift + 마우스오른쪽클릭 > powershell" 을 선택

 

여기다가 이제부터 명령어를 치면서 설치를 진행하면 된다.

아이오닉은 코르도바기반임으로 코르도바와 폰갭을 설치 하여야 한다.

npm install -g cordova phonegap

 

npm                    - 노드패키지매니져

install                  - 설치

-g                       - global

cordova phonegap - 코르도바, 폰갭 설치

 

 

설치가 끝났으면 

 

cordova -v phonegap -v

명령으로 설치가 완료가 되었는지 확인 한 다음 

 

npm install -g ionic

명령으로 아이오닉을 설치한다.

 

 

설치한 다음 역시나 버젼확인을 하면 아이오닉 프레임워크 설치(IONIC framework setting)가 잘된걸 확인 할 수 있다.

이제 앱을 제작해봐야지!