loading

(Ubuntu) 아이오닉 설치 (Ionic Install)

시바 | Ionic (아이오닉)

2018. 3. 5. 21:47

Ionic 프레임워크는 하이브리드 앱을 위한 프레임워크다.

웹앱이랑 하이브리드앱 차이점이 무엇인가??

간단히 말하자면

웹앱은 말 그대로 브라우저를 이용한다. 그냥 웹이다.

하이브리드 앱은 스토어 통해서 다운 받아서 설치하는 웹앱 어플 차이점이다.


아이오닉(ionic)의 사용언어는 AngularJs(앵귤러Js)언어로 사용한다.

이런 구조로 구성되어 있다. 대충 이렇게 생겼구나 하고 넘어가도된다.



1. 설치


일단 node.js 다운받아 설치한다.



curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -
sudo apt-get install -y nodejs

apt-get install -y nodejs

다음 코도바 (cordova) 설치한다.


npm install -g cordova ionic

코도바 설치 후, 아이오닉(ionic)의 프로젝트를 생성한다.

ionic start [프로젝트명] [템플릿]

템프릿 : blank, tab, sidemenu, super, conference, tutorial, aws


ionic start myApp sidemenu
.
.
.
(y/n) n

생성 후. 업데이트 시킨다.


apt-get update

생성된 아이오닉 프로젝트를 실행 시켜본다.


ionic serve --lab

조금만 기다려 보면 브라우저가 자동으로 띄운다.