아이오닉 인 액션

1장 아이오닉과 하이브리드 앱 개발
__1.1 아이오닉이란?
__1.2 모바일 경험의 종류
____1.2.1 네이티브 모바일 앱
____1.2.2 모바일 웹사이트 (웹앱)
____1.2.3 하이브리드 앱
__1.3 아이오닉 스택의 작동 방식 이해하기
____1.3.1 아이오닉: 사용자 인터페이스 프레임워크
____1.3.2 AngularJS: 웹 애플리케이션 프레임워크
____1.3.3 코르도바: 하이브리드 앱 프레임워크
__1.4 왜 아이오닉인가?
____1.4.1 아이오닉이 개발자에게 좋은 이유
____1.4.2 아이오닉의 문제점
__1.5 아이오닉 앱 빌드를 위해 필요한 사전 지식
____1.5.1 HTML, CSS, 자바스크립트에 대한 경험
____1.5.2 웹 애플리케이션과 AngularJS에 대한 경험
____1.5.3 모바일 장치에 대한 경험
__1.6 모바일 장치와 플랫폼에 대한 지원
____1.6.1 애플의 iOS
____1.6.2 구글의 안드로이드
__1.7 요약

2장 앱 개발을 위한 작업 환경 구성하기
__2.1 빠른 시작을 위한 안내
____2.1.1 개발 환경 설정
____2.1.2 새 프로젝트 시작
____2.1.3 프로젝트 폴더 구조
____2.1.4 브라우저에서 미리보기
__2.2 미리보기 환경 구축
____2.2.1 플랫폼 도구 설치
____2.2.2 에뮬레이터 설정하기
____2.2.3 연결된 장치 설정
____2.2.4 프로젝트에 플랫폼 추가하기
____2.2.5 에뮬레이터에서 미리보기
____2.2.6 모바일 기기에서 미리보기
__2.3 요약

3장 AngularJS에 대해 알아야 할 것들
__3.1 한눈에 보는 AngularJS
____3.1.1 뷰와 템플릿: 콘텐츠를 표현하기
____3.1.2 컨트롤러, 모델, 스코프: 데이터와 로직 관리하기
____3.1.3 서비스: 재사용 가능한 오브젝트와 메소드
____3.1.4 양방향 데이터 바인딩: 컨트롤로와 뷰의 데이터 공유
__3.2 이번 장의 프로젝트를 위한 설정
____3.2.1 프로젝트 파일 얻기
____3.2.2 개발 서버 작동시키기
__3.3 Angular 앱의 기본
__3.4 컨트롤러: 데이터와 비즈니스 로직 제어하기
__3.5 데이터 불러오기: 컨트롤러에서 로딩하고 뷰로 표시
____3.5.1 필터: 데이터 표시를 위해 변환하기
__3.6 노트 선택을 위해 클릭 이벤트 핸들링하기
__3.7 Markdown 형식의 노트를 파싱하기 위한 디렉티브 만들기
__3.8 콘텐츠 편집과 관리를 위해 모델 사용하기
__3.9 노트의 저장과 삭제
____3.9.1 save() 메소드 추가하기
____3.9.2 유효성 확인을 위한 Angular 폼 사용
____3.9.3 삭제 메소드 추가
__3.10 AngularJS와 함께 계속 나아가기
__3.11 도전 과제들
__3.12 요약

4장 아이오닉 내비게이션과 기본 컴포넌트들
__4.1 이번 장의 프로젝트를 위한 설정
____4.1.1 새 앱을 생성하고 직접 코드 추가하기
____4.1.2 완료했던 앱을 복제한 후 진행
__4.2 앱 내비게이션 구현을 위한 설정 작업
____4.2.1 잘 설계한 앱 내비게이션이란?
____4.2.2 상태 제공자로 앱뷰 선언하기
__4.3 홈 뷰 만들기
____4.3.1 콘텐트 컨테이너 생성
____4.3.2 CSS 컴포넌트 사용, 간단한 링크 목록 추가
____4.3.3 목록 내 아이템에 아이콘 추가하기
__4.4 예약 뷰 구현을 위해 컨트롤러와 모델 사용하기
__4.5 날씨 뷰에 데이터 불러오기
____4.5.1 날씨 뷰에 사용할 템플릿 추가
____4.5.2 외부 데이터를 불러오기 위한 컨트롤러 만들기
____4.5.3 날씨 뷰에 로딩 인디케이터 추가
__4.6 레스토랑 뷰를 위한 카드 UI 무한 스크롤링
__4.7 둘러보기 기능을 위해 슬라이드 박스 컴포넌트 사용하기
__4.8 도전 과제들
__4.9 요약

5장 탭, 향상된 리스트, 폼 컴포넌트들
__5.1 이번 장의 프로젝트를 위한 설정
____5.1.1 새 앱을 생성하고 직접 코드를 추가하기
____5.1.2 완성된 앱을 복제한 후 진행하기
__5.2 ionTabs: 탭과 내비게이션 추가
____5.2.1 탭 컨테이너와 세 개의 탭 추가
__5.3 각 탭에 ionNavView 추가하기
__5.4 비트코인의 현재 환율을 표시하기
__5.5 같은 탭 뷰에서 상세 환율 보여주기
__5.6 비트코인 채광율을 갱신하고 도움말 보여주기
____5.6.1 ionRefresher: 아래로 당겨 환율을 갱신하기
____5.6.2 $ionicPopover: 팝오버 창으로 도움말 표시하기
__5.7 이력 데이터 차트
____5.7.1 서드파티 라이브러리 설치
____5.7.2 Highcharts를 이용한 이력 탭 템플릿, 셀렉트 박스로 환율 토글하기
____5.7.3 이력 탭 컨트롤로 데이터 불러오기, 차트 설정하기
__5.8 환율 탭에서 목록을 재정렬하고 토글하기
____5.8.1 ionReorderButton: 목록 재정렬 기능 추가
____5.8.2 ionToggle: 아이템 토글 기능 추가
__5.9 도전 과제들
__5.10 요약

6장 날씨 앱: 사이드 메뉴, 모달, 액션시트와 ionScroll 사용하기
__6.1 이번 장의 프로젝트를 위한 설정
__6.2 사이드 메뉴와 뷰 셋업
__6.3 위치 검색
__6.4 설정 뷰와 데이터 서비스 추가
____6.4.1 위치와 설정을 위한 서비스 만들기
____6.4.2 사이드 메뉴에 선호하는 목록을 보여주기
____6.4.3 설정 뷰 템플릿 추가
____6.4.4 설정 뷰의 컨트롤러
__6.5 날씨 뷰 만들기
____6.5.1 Forecast.io API의 키 얻기
____6.5.2 아이오닉 CLI 프록시 사용하기
____6.5.3 날씨 뷰 컨트롤러와 템플릿 추가
__6.6 ionScroll: 커스텀 스크롤 콘텐츠 만들기
____6.6.1 ionScroll로 페이징하기
____6.6.2 일기예보 데이터에 적용할 필터 만들기
__6.7 액션시트: 옵션 목록 보여주기
__6.8 ionModal: 일출과 일몰 시간의 차트를 보여주기
____6.8.1 모달 설정하기
____6.8.2 컬렉션 반복: 일출과 일몰 목록을 빠르게 구성하기
__6.9 팝업: 선호 지역 변경을 통지하고 확정
__6.10 도전 과제들
__6.11 요약

7장 프로페셔널한 앱을 위한 고급 기술들
__7.1 이번 장의 프로젝트를 위한 설정
____7.1.1 코드 얻기
__7.2 Sass로 아이오닉 스타일을 커스터마이징하기
____7.2.1 Sass 설정하기
____7.2.2 Sass 변수로 아이오닉 커스터마이징하기
____7.2.3 나만의 스타일을 위한 Sass 사용하기
__7.3 온라인, 오프라인 모드를 지원하기
__7.4 아이오닉에서 제스처 이벤트 다루기
____7.4.1 아이오닉 이벤트 디렉티브로 이벤트 리스닝하기
____7.4.2 $ionicGesture 서비스를 가지고 이벤트 리스닝하기
____7.4.3 사용할 수 있는 제스처 이벤트들
__7.5 데이터를 영속적으로 저장하기
____7.5.1 localStorage 사용하기
____7.5.2 Web SQL, IndexedDB, SQLite 사용하기
____7.5.3 코르도바 플러그인을 이용한 다른 옵션
__7.6 다중 플랫폼을 지원하는 하나의 앱 만들기
____7.6.1 하나의 크기로 모두를 맞출 수 없다
____7.6.2 플랫폼이나 디바이스 타입에 맞게 스타일 조정하기
____7.6.3 플랫폼이나 디바이스에 따른 적응형 동작
__7.7 $ionicConfigProvider로 기본 동작을 수정하기
__7.8 요약

8장 코르도바 플러그인 사용하기
__8.1 코르도바 플러그인
____8.1.1 플러그인 사용 시 고려할 점
____8.1.2 플러그인 설치
____8.1.3 플러그인 사용하기
____8.1.4 에뮬레이터에서 플러그인 사용하기
____8.1.5 플랫폼에 따른 제약
____8.1.6 AngularJS와 코르도바 감 잡기
____8.1.7 장치나 에뮬레이터를 사용할 때 벌어지는 문제를 해결하기
__8.2 ngCordova
____8.2.1 ngCordova 설치
__8.3 리조트 앱에서 카메라와 사진 사용하기
____8.3.1 카메라 프로젝트 설정
____8.3.2 카메라 플러그인 추가
____8.3.3 사진첩 뷰 만들기
__8.4 날씨 앱에서 지오로케이션 사용하기
____8.4.1 지오로케이션 예제 설정
____8.4.2 지오로케이션 플러그인과 ngCordova 추가
____8.4.3 사용자의 위치를 요청하기
____8.4.4 날씨 앱 개선
__8.5 도전 과제들
__8.6 요약

9장 미리보기, 디버깅, 테스트 자동화
__9.1 미리보기, 디버깅, 테스트
____9.1.1 왜 테스트가 중요한가
__9.2 이번 장 예제 설정하기
__9.3 앱 미리보기를 위한 다른 방법들
____9.3.1 아이오닉 랩
____9.3.2 아이오닉 뷰
__9.4 장치 디버깅
____9.4.1 안드로이드 장치 디버깅
____9.4.2 iOS 장치, 에뮬레이터 디버깅
__9.5 테스트 자동화
____9.5.1 재스민과 카르마로 단위 테스트 수행
____9.5.2 Protractor와 WebDriver로 통합 테스트하기
__9.6 더 많은 테스트 예제
__9.7 요약

10장 앱 빌드와 배포
__10.1 제품화하기: 요약
__10.2 아이콘과 스플래시 화면 애셋 만들기
____10.2.1 주 아이콘 만들기
____10.2.2 스플래시 화면 이미지 생성
__10.3 앱 제품 출시 준비
__10.4 안드로이드 앱을 빌드하고 구글 플레이로 배포하기
____10.4.1 앱 서명을 위해 설정하기
____10.4.2 출시용 앱 파일 빌드하기
____10.4.3 APK 파일 서명하기
____10.4.4 APK 최적화
____10.4.5 앱의 업데이트 버전 빌드하기
____10.4.6 앱 리스트 생성, 플레이 스토어에 업로드
____10.4.7 앱 리스트 업데이트, 새 버전 업로드
____10.4.8 다른 안드로이드 스토어 이용하기
__10.5 iOS 앱을 빌드하고 앱스토어에 배포하기
____10.5.1 인증서와 ID 설정
____10.5.2 앱 ID 식별자 설정
____10.5.3 아이튠즈 커넥트에서 리스트 생성
____10.5.4 Xcode로 앱을 빌드하고 업로드
____10.5.5 아이튠즈 커넥트 리스팅 작업 완료
____10.5.6 앱 업데이트
__10.6 요약

부록 A 추가 리소스들
__A.1 아이오닉
__A.2 AngularJS
__A.3 코르도바
__A.4 블로그