mminky's

# node, npm 설치

우선 node js와 npm을 설치해야 합니다.

이 링크에 잘 나와있는 것 같아서 첨부합니다.

혹은 아래의 명령어로 설치합니다.

sudo curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash

다음의 명령어로 확인합니다.

(npm은 node 설치하면 같이 되는 것 같아요)

node -v
npm -v

설치가 잘 되었다면 다음과 같은 결과가 나옵니다.

# ionic, codova 설치

sudo npm install -g ionic cordova

sudo : 관리자 권한으로 실행 -> 안붙이면 설치가 제대로 안 될 수 있어요

-g : global(전역)

------------------------------------------------------------------

# 프로젝트 만들기

우선 프로젝트를 만들 디렉토리로 이동합니다.(~/Documents/ionic_project)

Documents 디렉토리로 이동

cd Documents

Documents 안의 ionic_project 디렉토리로 이동(저는 미리 만들어뒀었어요)

(아마 없으면 자동 생성될거에요)

cd ionic_project

그리고 ionic 프로젝트를 시작합니다.

ionic start 앱이름

그리고 프레임워크를 Angular로 설정합니다.

템플릿은 blank로 설정합니다.

• tabs : 기본으로 tab이 생성된 프로젝트

• sidemenu : 기본적으로 sidemenu가 생성된 프로젝트

• blank : 안에 아무 내용 없이 기본 home만 있는 채로 프로젝트 생성됨

설정이 끝났으면 해당 프로젝트 디렉토리로 이동합니다.

cd initApp

ios 플랫폼을 만들어줍니다.

ionic platform add ios

ionic serve로 웹에서 앱 실행해보기

ionic serve

[결과]

# application(앱) 검색

 * mac : Command + Space bar

 * 해킨토시(윈도우에 깐 맥) : Window + Space bar

# 해킨토시 한영변환

Caps Lock 을 누르면 한/영 변환이 됩니다.

# mac 터미널

 윈도우 : cmd(명령 프롬프트)

 리눅스 : 터미널

 위와 같은 기능을 하는 것이 mac에서는 terminal 입니다.

# 맥에서 아이콘 찾기

mac에서 각종 앱을 찾기 위해서는 'Launchpad'를 클릭합니다.(우주선 모양)

그리고 '기타'에 들어갑니다.

이렇게 터미널이 있는 것을 확인 할 수 있습니다.

저는 자주 이용할 것 같아서

드래그 드랍으로 밑에 상태바(?)에 넣었습니다.