[IONIC] Mac OS에서 설치 및 기본 설명

ionic, 즉 아이오닉을 사용하기 위해서는 기본적으로 node.js가 필요하다.

https://nodejs.org/ko/

Node.js가 없다면 위 사이트에 접속해서 최신버전으로 다운받도록 한다.

다운을 받고 설치를 완료했다면 터미널에서 npm 명령을 사용할 수 있다.
맥에서 터미널을 실행하고

$ sudo npm install -g ionic cordova

명령어로 cordova와 ionic을 설치하도록 한다.
-g를 써주는 이유는 전역에 설치하기 위해서 써주는 것이고, sudo를 써주지 않으면 정상적으로 설치가 안될 수도 있다.

설치가 완료되고, Desktop으로 이동한다.

$ cd Desktop

이제 ionic 파일을 생성할 차례다.

$ ionic start newApp tabs

이렇게 명령어를 입력해주면 기본적으로 tabs이 생성되어 있는 프로젝트가 만들어진다.
ionic 명령어를 사용하고, start는 파일을 생성한다는 의미이다.
tabs는 기본적으로 tabs메뉴를 생성한 채로 프로젝트 생성.
sidemenu는 sidemenu를 기본적으로 생성한 채로 프로젝트 생성.
blank는 아무것도 없이 기본 home만을 생성한 채로 프로젝트 생성.

그리고 플렛폼을 만들어야한다.
프로젝트 파일 경로로 이동을 해야지 만들기가 가능하다.

$ cd newApp

이동을 한 후에

$ ionic platform add ios
$ ionic platform add android

이렇게 추가를 해주면 ios와 android 플렛폼 만들기를 완료한 것이다.

프로젝트 생성이 완료되었으니 이제 실행 명령어를 사용한다.

$ ionic serve
$ ionic serve --lab

위에 명령어로 실행하게 되면 기본적인 크롬 브라우저 창에서 뜬다.
하지만 아래 명령어로 실행할 경우 안드로이드, IOS, 윈도우에서 확인이 가능하게 지원되는 브라우저 창이 뜬다.

밑에 것을 주로 활용을 하고, 프로젝트를 그냥 저장을 하게 되면 ionic serve가 자동으로 인식을 하고 새로 빌드를 진행한다.