[개발] Ionic(Angular + Typescript) 프로젝트 만들기

[개발] Ionic(Angular + Typescript) 프로젝트 만들기

ionic 으로 개발할것이 있어 겸사 겸사 글을 작성해놓는다.

원래 계획은 ionic + react 로 진행을 해보려 했으나.

이전에 cordova plugin 만들어 둔 것을 사용해야 하는데.

cordova 가 아닌 capacitor 를 사용해야 하는 불편함이 있다.

그리하여 ionic + anguler + Typescript 를 기준으로 작성하였다.

1. 환경 세팅

npm 명령어를 사용하기 위해 node 를 설치한다.

mac 을 기준으로는 아래 명령어를 입력하여 설치를 진행한다.

brew -y install node

2. ionic 설치

ionic 을 설치한다.

npm install -g ionic

3.프로젝트 생성

3-1) Framework 선택.

ionic start [프로젝트명] 으로 입력하면 아래와 같은 화면이 나온다.

이 글에서는 Angular 로 진행 하므로 Angular 를 선택하고 엔터.

3-1) template 선택.

template 은 여러가지가 있겠지만 어떻게 동작하는지 보고 싶어 "tabs" 를 선택하였다.

4. Android Platform 추가.

실제 Android 기기에서 테스트해보기 위해 Android platform 을 추가한다.

ionic cordova platform add android

5. Device 실행.

실제 Android 기기에 usb 디버깅 상태에서 아래 명령어를 입력하면

실제 디바이스에서 실행됨을 확인할 수 있다.

ionic cordova run android --device

from http://marge-master.tistory.com/20 by ccl(A) rewrite - 2021-03-08 15:26:47