[아이오닉 설치 및 환경설정 #1] node 설치, ionic 설치 예제실행

지인에게 아이오닉 앱 개발을 교육할 일이 생겼다.

반복되는 아이오닉 설치와 환경 설정작업을 효율적으로 진행하고자 절차를 기록해둔다.

참고하는 사람이 있다면 도움이 되길 바란다.

 

node 기반 언어이기 때문에 node를 가장먼저 설치해야한다. 아래 링크를 통해 다운 받을 수 있다.​ 

1.node 설치!

https://nodejs.org/ko/

 

프로그램을 다운 받았다면 cmd에 접속하여 설치 할 수 있다. 

2.cmd 접속!

s3.udo npm install -g ionic

 

 

기본 예제를 생성해서 프로그램 설치를 확인해보자

3.기본앱 만들기

사이드메뉴 사용시

ionic start firstApp sidemenu

탭메뉴 사용시

ionic start myApp tabs

​

진행 1)

앵귤러JS

리엑트중에 1택 하라는 질문

전자 선택

​

진행 2)

​

Would you like to share anonymous usage data with the Angular Team at Google under

Google’s Privacy Policy at https://policies.google.com/privacy? For more details and

how to change this setting, see http://angular.io/analytics.

데이터 개발진과 공유할것이냐는 질문

N 입력

​

진행3)

cmd에서

cd firstApp

해당경로 디렉토리 접속해서 앱 설치 확인

​

진행4)

ionic serve

앱 사용!

​

진행5)

node.js 사용요청 '허용'버튼 클릭 //권한 문제로 허용되있으면 안뜸.

​

결과

​

​

​

참고 강의

https://www.youtube.com/watch?v=8jxtycBwoTw

 

프레임워크 사이트

https://ionicframework.com/getting-started