Ionic 프로그래밍 입문 2/e [Ionic으로 만드는 하이브리드 앱]
- 원서명Learning Ionic - Second Edition: Create real-time hybrid applications with the leader of HTML5 frameworks: Ionic Framework (ISBN 9781786466051)
- 지은이아르빈드 라불라바루(Arvind Ravulavaru)
- 옮긴이장세윤
- ISBN : 9791161751023
- 30,000원
- 2018년 01월 12일 펴냄 (절판)
- 페이퍼백 | 444쪽 | 188*235mm
- 시리즈 : acorn+PACKT
판매처
- 현재 이 도서는 구매할 수 없습니다.
책 소개
책에 나오는 코드를 실행할 수 있도록 정리해서 다운로드 파일을 업데이트 했습니다. (2018.04.19)
Ionic 업데이트 시 오류가 발생하는 경우가 있으니, 업로드한 프로젝트에서 코드 내용을 참고해주시면 감사하겠습니다.
요약
Ionic을 활용해 하이브리드 앱 개발을 하는데 필요한 전반적인 내용을 예제를 통해 쉽게 설명했다. Ionic의 기반이 되는 Angular의 기본적인 내용과 Ionic 개발에 필요한 환경 설정부터 컴포넌트, 내비게이션, 데코레이터, 서비스, Ionic Native, 앱 테스트 방법, 앱 출시 방법 등 앱 개발 및 출시 과정에서 필요한 거의 모든 내용을 배울 수 있다. 또한 Ionic을 활용한 앱 개발에 필요한 기본적인 내용을 배운 뒤, UberAPI와 GoogleMap API를 활용한 앱 개발 예제로 배운 내용을 적용할 수 있다. 또한 지속적으로 업데이트되는 Ionic의 최신 버전에 대응하는 방법과 덧붙여 보면 좋은 내용도 간략히 소개돼 있어 Ionic을 활용해 하이브리드 앱 개발하려는 입문자에게도 좋은 지침서가 될 것이다.
이 책에서 다루는 내용
█ 모바일 하이브리드 아키텍처에 대한 이해
█ Ionic 템플릿을 활용한 프로젝트 설치와 작업 방법
█ Ionic 컴포넌트, 데코레이터, 서비스를 연동해 복잡한 애플리케이션을 빠르게 개발하는 방법
█ SCSS를 활용한 Ionic 앱과 컴포넌트에 테마를 설정하는 방법
█ 카메라, 알림, 배터리 등과 같은 장치 기능을 사용하기 위한 Ionic Native 활용 방법
█ Ionic 및 Uber API를 활용한 프로덕션 레벨의 Uber 탑승 예약 앱 제작
█ Ionic 1 앱을 Ionic 2 또는 Ionic 3로 마이그레이션하는 방법
█ 제작한 앱에 유닛 테스트, 엔드 투 엔드 테스트, 장치 테스트하는 방법
█ 후속 버전을 저장, 관리할 수 있는 Ionic 앱 배포 방법
이 책의 대상 독자
Ionic을 이용해 모바일 하이브리드 애플리케이션 제작 방법을 배우려는 사람을 대상으로 한다. 또한 Ionic 앱을 제작하거나 REST API와 통합하고, Ionic Native를 사용해 카메라, 블루투스와 같은 장치 기능을 좀 더 자세히 배우려는 독자에게 이상적이다.
이 책의 구성
1장, ‘Angular–입문’에서는 완전히 새로워진 Angluar의 힘을 소개한다. Angular를 이해하기 위해 TypeScript의 기초와 개념을 다룬다. Angular 모듈, 컴포넌트, 서비스에 대해 살펴보고 Angluar를 이용한 앱 제작으로 마무리한다.
2장, ‘Ionic에 오신 것을 환영합니다’에서는 Cordova라는 모바일 하이브리드 프레임워크에 대해 설명한다. 이를 바탕으로 전체적으로 Ionic이 어떻게 모바일 하이브리드 애플리케이션 개발에 적합한지 보여준다. Ionic을 사용해 애플리케이션을 개발하는 데 필요한 소프트웨어도 살펴본다.
3장, ‘Ionic 컴포넌트와 내비게이션’에서는 Header에서부터 Navbar까지 Ionic의 다양한 컴포넌트를 안내한다. 또한 Ionic 프레임워크를 활용해 여러 페이지를 탐색하는 방법을 알아본다.
4장, ‘Ionic 데코레이터와 서비스’에서는 다양한 ES6 클래스를 초기화하는 데 사용하는 데코레이터(decorator)에 대해 알아본다. 플랫폼 서비스와 Config 서비스, Ionic을 좀 더 깊이 이해하기 위해 여러 가지 컴포넌트도 살펴본다.
5장, ‘Ionic과 SCSS’에서는 내장된 SCSS 기능을 활용해 Ionic 앱의 테마를 설정하는 방법을 다룬다.
6장, ‘Ionic Native’에서는 Ionic Native를 활용해 카메라, 배터리 등과 같은 장치 기능과 Ionic 앱을 연결하는 방법을 보여준다.
7장, ‘Riderr 앱 제작하기’에서는 지금까지 얻은 지식을 활용해 Device API 및 REST API와 통신하는 엔드 투 엔드 애플리케이션 구성 방법을 다룬다. 책에서 만들 앱은 Uber API의 프론트엔드 앱이 될 것이며 사용자는 이 앱을 사용해 Uber ride를 예약할 수 있다.
8장, ‘Ionic 2 마이그레이션 가이드’ 에서는 Ionic 프레임워크 v1에서 제작한 Ionic 앱을 Ionic 2로 마이그레이션하는 방법을 알아보고 동일한 방식을 적용해 Ionic 3로 마이그레이션하는 데 중점을 둔다.
9장, ‘Ionic 2 앱 테스트하기’ 에서는 Ionic 앱을 테스트하는 다양한 방법을 살펴본다. 유닛 테스팅, 엔드투엔드 테스트, 몽키 테스트, AWS Device Farm을 활용한 장치 테스트를 제공한다.
10장, ‘Ionic 앱 배포하기’에서는 Ionic CLI와 PhoneGap Build를 사용해 Cordova 및 Ionic으로 제작한 애플리케이션의 설치 프로그램 생성에 중점을 둔다.
11 장, ‘Ionic 3’에서는 Angular 4와 Ionic 3 업그레이드에 대한 내용을 다룬다. Ionic 3의 몇 가지 새로운 기능을 안내한다.
목차
목차
- 1장. Angular - 입문
- Angular에 새로 추가된 내용은 무엇인가?
- TypeScript 기초
- 변수 타입 지정
- 타입 정의
- 클래스
- 인터페이스
- 모듈 및 imports
- Angular
- 컴포넌트
- 존
- 템플릿
- Giphy 앱
- 아키텍처
- API
- Angular CLI
- 소프트웨어 설치하기
- 텍스트 편집기
- Angular 2 앱 뼈대 만들기
- Giphy 앱 빌드하기
- 요약
- 2장. Ionic에 오신 것을 환영합니다
- 모바일 하이브리드 아키텍처
- Apache Cordova란?
- Ionic이란?
- Ionic 3
- 소프트웨어 설정
- Node.js 설치하기
- Git 설치하기
- 텍스트 편집기
- TypeScript 설치하기
- Cordova 및 Ionic CLI 설치하기
- 플랫폼 가이드
- Hello Ionic
- 브라우저 개발 도구 설정
- Google Chrome
- Mozilla Firefox
- Ionic 프로젝트 구조
- config.xml 파일
- src 폴더
- tabs 템플릿 살펴보기
- side menu 템플릿 살펴보기
- 요약
- 3장. Ionic 컴포넌트와 내비게이션
- 핵심 컴포넌트
- Ionic 그리드 시스템
- Ionic 컴포넌트
- 버튼
- 리스트
- 카드
- Ionic icorns
- 모달
- 세크먼트
- Ionic 내비게이션
- 기본 내비게이션
- Ionic CLI Sub-Generator
- 요약
- 4장. Ionic 데코레이터와 서비스
- 데코레이터
- Ionic 모듈
- 컴포넌트 데코레이터
- 내비게이션
- 페이지 간에 데이터 전달하기
- Config 서비스
- 플랫폼 서비스
- Storage 서비스
- 요약
- 데코레이터
- 5장. Ionic과 SCSS
- Sass 란?
- Ionic과 SCSS
- 페이지 수준 재정의
- 플랫폼 수준 재정의
- 컴포넌트 수준 재정의
- 샘플 컴포넌트에 테마 적용하기
- 요약
- 6장. Ionic Native
- 플랫폼별 SKD 설정하기
- 안드로이드 설정
- iOS 설정
- 설정 테스트하기
- 안드로이드 테스트하기
- iOS 테스트하기
- Cordova 플러그인 시작하기
- Ionic 플러그인 API
- Ionic Native
- Cordova 화이트리스트 플러그인
- Ionic Native를 사용해 Cordova 플러그인 작업하기
- 장치
- Toast
- 다이얼로그
- 로컬 알림
- Geolocation
- 요약
- 7장. Riderr 앱 제작하기
- 앱 개요
- Uber AP
- 인증
- Uber에 등록하기
- API
- Riderr 제작하기
- doq 설치하기
- Uber API 서비스
- 통합
- 의존성 설치하기
- 앱 테스트하기
- 요약
- 8장. Ionic 2 마이그레이션 가이드
- 마이그레이션을 왜 해야 할까?
- Todo 앱 - Ionic v1
- 앱 제작하기
- 마이그레이션 계획
- 요약
- 9장. Ionic 2 앱 테스트하기
- 테스트 방법론
- 유닛 테스트 환경 설정하기
- 프로젝트 설정하기
- 유닛 테스트 작성하기
- 유닛 테스트 실행하기
- driftyco/ionic-unit-testing-example
- 엔드-투-엔드 테스트
- 프로젝트 설정하기
- 유닛 테스트 작성하기
- 유닛 테스트 실행하기
- 코드 적용 범위
- AWS 디바이스 팜
- AWS 디바이스 팜 설정하기
- Todo 앱 설정하기
- Todo 앱 몽키 테스트하기
- 다양한 장치에서 Todo앱을 수동으로 테스트하기
- 자동화 테스트
- 요약
- 10장. Ionic 앱 출시하기
- 배포를 위한 앱 준비
- config.xml 업데이트하기
- PhoneGap 빌드 서비스
- cordova CLI를 이용해 설치 파일 생성하기
- 안드로이드 인스톨러
- iOS 인스톨러
- Ionic 패키지
- Ionic 클라우드에 프로젝트 업로드하기
- 필요한 키 생성하기
- 요약
- 배포를 위한 앱 준비
- 11장. Ionic 3
- Angular 4
- Ionic 3
- Ionic 3 업데이트
- TypeScript 업데이트
- Ionic Page 데코레이터
- 지연 로딩
- Ionic 2와 Ionic 3
- 요약
도서 오류 신고
정오표
정오표
[p.41 : 6행]
표현의 진실성을 기반으로
->
직관적으로
[p.41 : 6행]
(클릭) =
->
(click) =