[1일째] 초보자가 만드는 앱 개발 ~ionic 설정~

소개

지금까지 앱을 만든 적이 없는 스스로도 한번 앱을 만들어보고 싶어서 만들어 보았습니다.
다만, Swift, Object-C, Java도 접한 적이 없기 때문에, 그 근처를 학습하기에는 굉장히 시간 걸릴 것 같다고 하는 것으로, Web가게에서도 가능한 범위에서 어플리를 만들어 보고 싶습니다.
(지금까지 웹계 밖에 접한 적이 없는 것으로 )

거기서, 이번은 스스로도 접할 수 있는 툴은 없는가 하는 것으로, 이하를 사용해 보고 싶습니다.

ionic

AngularJS

ionic이란?

ionic

ionic은 웹 가게에서도 쉽게 앱을 만들 수 있는 앱 개발 프레임워크입니다.
웹(HTML/CSS/Javascript)에서도 하이브리드 앱(iOS/Android)을 쉽게 만들 수 있습니다.
ionic은 Cordova와 AngularJS가 기반으로 만들어졌습니다.

1일차(환경 구축)

우선, 이하의 것을 모두 최신판을 넣을 수 있습니다

Node.js(v8.1.0)

npm(v5.0.3)

ionic(v3.3.0)

Node.js 설치

nodebrew를 넣고 node.js와 npm의 최신 버전을 넣을 수 있습니다.

nodebrew 공식

$ curl -L git.io/nodebrew | perl - setup
...
========================================
Add path:

export PATH=$HOME/.nodebrew/current/bin:$PATH
========================================

$ nodebrew install-binary v8.1.0
$ nodebrew use v8.1.0

이제 node.js와 npm의 최신 버전이 포함되었습니다.

ionic 설치

먼저 npm에서 cordova 및 ionic CLI를 설치합니다.
플러스, 이번에는 iOS 시뮬레이터도 넣습니다.

$ sudo npm install -g cordova ionic
$ sudo npm install -g ios-sim

ionic 프로젝트 만들기

다음에, 이것을 넣으면 이번에는 프로젝트를 작성해 갑니다.

$ ionic start appName tabs

지금은 탭을 선택하고 있습니다만, 그 밖에도 blank와 sidmenu가 있는 것 같습니다

$ cd appName
$ ionic cordova platform add ios 

그럼 실행합시다.

$ ionic serve

serve를 실시하면, 브라우저상에서 열어 확인을 할 수 있습니다!
매우 편리하네요!

우선 첫날은 여기까지
다음은 소스를 변경하고 싶습니다.