제 3장: Ionic 애플리케이션 만들기

이번 장에서 사이드 메뉴 스타터 앱을 기반으로, 새로운 애플리케이션을 만들기 위해 Ionic CLI(Command Line Interface)를 이용합니다.

단계

1. 터미널(Mac)이나 실행 창(Windows)을 열고, ionic-tutorial-ko 디렉토리로 이동합니다.

2. Ionic CLI를 이용하여 sidemenu 스타터 앱을 기반으로 conference라는 애플리케이션을 생성합니다.

   ionic start conference sidemenu
   

3. conference 폴더로 이동합니다.

   cd conference
   

4. ionic serve 명령으로 브라우저에서 애플리케이션을 시작합니다.

   ionic serve
   

   NOTE: 크로스 도메인 정책 이슈(특별히 템플릿을 로딩할 때) 때문에, 여러분은 서버로부터 애플리케이션을 로딩해야 합니다.(file 프로토콜을 사용하지 않고 http 프로토콜을 사용) ionic serve는 라이브 갱신이 되는 가벼운 로컬 웹서버 입니다.

5. 애플리케이션에서 슬라이드 메뉴를 열고(상단의 왼쪽 구석에 있는 "햄버거" 아이콘) Playlists를 선택합니다. 목록중에서 playlist를 선택하면 the details view를 볼 수 있습니다. (이것이 보이는 것이 핵심이 아닙니다.) 다음 장에서 playlist를 이전 장에서 실험해본 REST 서비스를 이용하여 검색된 회의 세션 중 하나로 교체할 것입니다.

6. 사이드 메뉴를 다시 열고 Login을 선택하세요. 로그인 버튼을 클릭하면 창이 닫힙니다(로그인은 스타터 앱에서 구현되지 않습니다).

   이 튜토리얼의 마지막 장에서 여러분은 Facebook를 이용하여 로그인을 구현할 것입니다.