일상, 등산, 개발자 블로그

[Ionic] Ionic (Angular + Typescript) 프로젝트 만들기 본문

개발/Ionic

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

merge-master 2021. 3. 8. 15:22
반응형

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

반응형

'개발 > Ionic' 카테고리의 다른 글

[cordova plugin - 01] cordova plugin 만들기  (0) 2021.03.09
Comments