Ionic | 아이오닉 + 리액트 프로젝트 시작하기

0. Node.js가 설치되어있어야 함

 

아래 명령어를 입력했을 때 Node의 버전 정보가 뜨면 설치되어 있는 것.

 

$ node -v

 

1. Ionic 설치

 

-g명령어를 통해 글로벌로 설치해주기.

 

$ npm install -g @ionic/cli

 

2. 새로운 프로젝트 생성하기

 

현재 리액트를 사용하여 프로젝트를 만들 것이기 때문에 type은 리액트로 지정해주었습니다. 템플릿은 세 가지 종류 중 한 가지를 선택할 수 있습니다.

 

ionic templates

 

$ ionic start [프로젝트명] [템플릿] --type=react

// 예시
$ ionic start ionicReact blank --type=react

 

3. 브라우저에서 프로젝트 구동시키기

 

ionic serve를 입력하면 8100번 포트로 아이오닉-리액트 프로젝트가 브라우저에 자동으로 실행됩니다.

 

// 생성된 프로젝트 폴더로 이동
$ cd ./ionicReact

// server running in the browser
$ ionic serve

잘 되네...