도서 소개
아이오닉은 AngularJS와 코르도바를 기반으로 만들어진 하이브리드 앱 개발 프레임워크이자 푸시 알림, 사용 분석, 빌드와 배포, 테스트까지 지원하는 플랫폼이다. 아이오닉의 가장 큰 매력은 웹 개발자가 하이브리드 모바일 앱을 개발하려고 할 때 빛을 발한다. 모바일 앱을 개발하기 위한 플랫폼별 네이티브 언어와 지식을 별도로 배우지 않고, 가지고 있는 노하우를 십분 활용해서 멋진 앱을 만들 수 있기 때문이다.
하이브리드 앱이 태생적으로 가지는 오버헤드와 네이티브 앱과는 사뭇 다른 룩앤필은 적극적인 도입을 망설이게 하는 요인이 되기도 하지만, 날로 향상되고 있는 디바이스의 성능, 웹 개발자가 접근하기에 낮은 진입장벽과 생산성은 충분히 가치가 있다. 이 책은 따라하면서 익힐 수 있는 훌륭한 예제와 쉬운 설명으로 모바일 앱 개발까지 영역을 확장하고 싶은 웹 개발자들에게 좋은 길잡이가 될 것이다.
출판사 리뷰
★ 요약 ★
아이오닉은 AngularJS와 코르도바를 기반으로 만들어진 하이브리드 앱 개발 프레임워크이자 푸시 알림, 사용 분석, 빌드와 배포, 테스트까지 지원하는 플랫폼이다. 아이오닉의 가장 큰 매력은 웹 개발자가 하이브리드 모바일 앱을 개발하려고 할 때 빛을 발한다. 모바일 앱을 개발하기 위한 플랫폼별 네이티브 언어와 지식을 별도로 배우지 않고, 가지고 있는 노하우를 십분 활용해서 멋진 앱을 만들 수 있기 때문이다. 하이브리드 앱이 태생적으로 가지는 오버헤드와 네이티브 앱과는 사뭇 다른 룩앤필은 적극적인 도입을 망설이게 하는 요인이 되기도 하지만, 날로 향상되고 있는 디바이스의 성능, 웹 개발자가 접근하기에 낮은 진입장벽과 생산성은 충분히 가치가 있다. 이 책은 따라하면서 익힐 수 있는 훌륭한 예제와 쉬운 설명으로 모바일 앱 개발까지 영역을 확장하고 싶은 웹 개발자들에게 좋은 길잡이가 될 것이다.
★ 이 책에서 다루는 내용 ★
■ HTML, 자바스크립트, CSS로 모바일 앱 제작
■ 아이오닉 UI 컨트롤을 이용한 복잡한 인터페이스 디자인
■ 한 번 빌드로 iOS와 안드로이드에 동시 배포
■ 네이티브 기기와 장치에 특화된 기능 활용
■ 모바일 개발 프로세스 전반에 대한 이해
★ 이 책의 대상 독자 ★
이 책은 웹 애플리케이션을 개발하기 위한 기본 지식을 가지고 있는 웹 개발자를 대상으로 한다.
CSS, HTML, 자바스크립트에 대한 지식이 필요하고, 콘텐츠를 구성하기 위해 HTML을 작성할 줄 알아야 하며, 스타일을 변경하기 위해 CSS를 사용하는 법을 알아야 한다. 자바스크립트에 대해서는 비동기 처리, 객체, 기본형에 대한 개념 정도는 이해하고 있어야 한다.
코르도바나 AngularJS에 대한 지식은 필요하지 않다. 자바스크립트로 브라우저 내 웹 애플리케이션을 만드는 배경지식 정도를 알고 있으면 도움이 되겠지만, 이 책의 예제를 주의 깊게 공부하면서 배울 수 있다.
모바일 기기는 앱 개발과 테스트를 위해 필수로 가지고 있어야 한다. 아이오닉 개발을 하려면 iOS나 안드로이드 기기가 필요하다. 각각 하나씩 가지고 있으면 금상첨화다
★ 이 책의 구성 ★
1장에서는 아이오닉과 하이브리드 앱을 개발하기 위한 다른 기술들을 둘러보면서, 아이오닉의 장점을 설명한다.
2장에서는 이 책에서 사용할 개발 도구들의 설정 과정을 보여주고, 기본 시작 프로젝트로 간단한 모바일 앱을 만들어본다.
3장은 AngularJS에 익숙하지 않거나 이미 알고 있는 지식의 정리가 필요한 개발자를 위한 내용이다. 아이오닉은 AngularJS로 개발되었기 때문이다.
4장에서는 가상의 리조트 앱을 만들면서 기본적인 내비게이션과 카드, 무한 스크롤링, 우아하게 데이터를 로딩하기 위한 로딩 인디케이터, 슬라이드 박스 등의 여러 가지 비주얼 컴포넌트들을 살펴본다. 첫 번째 앱을 만드는 동안 아이오닉 앱을 만들기 위한 기본기를 배울 수 있다.
5장에서는 비트코인 환율 현황을 파악하기 위한 또 하나의 앱을 만들어본다. 비트코인 앱은 탭, 당겨서 새로고침하기, 몇몇 폼 컴포넌트, 스와이프 옵션을 가지는 고급 리스트, 시간에 따른 현황 차트를 사용한다. 이 장은 탭을 사용하는 앱의 구조와 더 많은 아이오닉 컴포넌트로 앱을 향상시키는 방법에 초점을 둔다.
6장에서는 날씨 앱을 만들어본다. 이를 통해 내비게이션을 위한 사이드 메뉴 사용, 정보를 나타내기 위한 모달, 옵션 버튼을 보여주는 액션시트, 커스텀 스크롤 만들기 등을 익힌다. 아이오닉 컴포넌트의 이해에 깊이를 더하고, 아이오닉 앱에 사용된 주요 디자인 앨리먼트를 알아본다.
7장에서는 하이브리드 앱 개발에 유용한 고급 기술들을 몇 가지 소개한다. 사용자 데이터를 유지하는 법, 아이오닉 컴포넌트 커스터마이징하기, 온라인-오프라인 모드에서의 거동, 아이오닉 기본 세팅 설정, 플랫폼에 특화된 기능 사용하기, 제스처 이벤트 다루기 등을 배운다.
8장에서는 코르도바로 아이오닉 앱이 센서 데이터 등의 플랫폼 기능을 다룰 수 있게 하는 방법을 알아본다. 이전 장에서 만들었던 두 예제 중에서 날씨 앱에는 지오로케이션을 다루는 기능을 추가하고 리조트 앱에는 카메라 지원 기능을 더한다. ngCordova를 익히면서 코르도바 플러그인을 쉽게 통합하는 방법도 알아본다.
9장에서는 아이오닉 앱 테스트 환경 구축을 도와준다. 이 장에서는 두 가지 주요 테스트 방식을 소개한다. 한 가지는 비즈니스 로직을 테스트하기 위한 단위 테스트고, 다른 한 가지는 앱 전반의 기능을 테스트하는 통합 테스트다. 또한 아이오닉 뷰와 아이오닉 랩을 알아볼 것이다.
10장은 앱을 스토어에 제출하는 프로세스를 소개하면서 제품 출시 준비를 위한 팁과 기술을 다룬다. 필요한 그래픽과 애셋을 추가하고 iOS와 안드로이드에 맞게 앱을 빌드하는 법 등을 알아본다.
작가 소개
저자 : 제레미 윌켄
아이오닉, AngularJS, Node.js를 다루는 시니어 UX 소프트웨어 개발자다. 텍사스 주 오스틴에 살고 있다.
목차
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 한눈에 보는
