비기닝 폰갭

책 소개

비기닝 폰갭은 폰갭을 처음 접하는 개발자에게 다양한 플랫폼에서 폰갭을 어떻게 사용하는지를 알려주는 친절한 가이드 역할을 한다. 폰갭 설치부터 Query나 센차 터치와 같은 자바스크립트 라이브러리를 이용하여 좀 더 나은 UI를 구성하는 방법도 설명한다. 더불어 어려운 프로그램 언어를 따로 배우지 않아도 페이스북과 트위터 사용자를 위한 애플리케이션(페이스북에 사진 올리기, 월페이퍼 걸기, 주소록 싱크 등)을 바로 만들 수 있는 방법을 알려준다. 또한 네이티브 코드와 자바스크립트로 작성한 플러그인을 통해 폰갭의 기능을 확장하는 방법도 배운다.



출판사 리뷰

이 책은 모바일 웹 애플리케이션을 빠르고 효과적으로 개발하는 데 도움이 되는 폰갭의 모든 것을 알려준다. 모바일 OS 파편화가 우리에게 미치는 영향에 대한 소개로 시작하며 파편화를 극복하는 방법과 한 번의 코딩으로 다양한 플랫폼에서 동작하는 방법에 대해 설명한다.



이 책에 다루는 내용은 다음과 같다.



- 아이폰, 안드로이드, 블랙베리, 웹OS, 심비안용 간단한 애플리케이션을 빠르게 개발하는 방법

- 다양한 모바일 디바이스의 고유한 기능을 이용하기 위한 에뮬레이터 사용 방법

- 폰갭에서 사용자 인터페이스를 개발하기 위해 사용되는 모바일 자바스크립트 프레임워크 통합

- 위치 정보, 카메라, 미디어, 스토리지 등의 폰갭 주요 기능 커스터마이징

- 폰갭 플러그인 개발 프레임워크를 이용한 폰갭 확장

- 프로젝트를 효율적으로 개발하기 위한 jQuery 모바일이나 센차 터치와 같은 자바스크립트 라이브러리 사용

Chapter 01 다중 플랫폼 모바일 애플리케이션 개발의 이해

___ 모바일 애플리케이션의 종류

___ 웹서비스 이해

___ 모바일 애플리케이션 개요

______ 모바일 애플리케이션 기능

______ 사용자 인터렉션

______ 위치 인식

______ 푸시 알림

___ 다중 플랫폼 지원 애플리케이션 개발의 어려움

______ OS 파편화

______ 다수의 팀/제품

______ 일관된 사용자 경험

______ 기능 파편화

______ 개발 환경 파편화

___ 폰갭의 다중 플랫폼 지원 모바일 애플리케이션 전략

______ 공용 플랫폼으로서 브라우저

______ 모바일 애플리케이션 웹뷰

______ 디바이스 성능을 이용하기 위한 네이티브 훅

______ HTML5와 CSS3: 애플리케이션 작성 표준

______ 단일 출처 정책 적용 안 됨

___ 결론



Chapter 02 폰갭 시작하기

___ 폰갭 아키텍처

___ 안드로이드 플랫폼에서의 개발 환경 설정

______ 폰갭 안드로이드 프로젝트를 위한 필수 설치 항목

_________ 윈도우 환경

_________ 리눅스 환경

_________ 맥 OSX 인텔 환경

______ 새로운 프로젝트 생성

______ HelloWorld 애플리케이션 작성

______ 에뮬레이터에 설치

______ 디바이스에 설치

___ 폰갭 기능 둘러보기

___ 폰갭 튜토리얼

______ 에뮬레이터 예제

_________ 디바이스 정보 가져오기

_________ 디바이스 주소록 가져오기

_________ SD 카드 목록 가져오기

_________ 에뮬레이터에 설치

_________ 파일 읽고 쓰기

_________ LocalFileSystem

_________ FileSystem

_________ FileEntry

_________ directoryEntry

_________ 프로그램 레이아웃

_________ 데이터베이스에 읽고 쓰기

_________ 셀룰러 디바이스와 Wi-Fi 네트워크 정보 가져오기

______ 디바이스 예제

_________ 위치 정보 가져오기

_________ 가속 센서 정보 가져오기

_________ 지자기 센서 방위 가져오기

_________ 카메라를 이용한 사진 찍기



Chapter 03 개발 환경 설정

___ 로컬 개발 환경

___ 사전 준비 단계

______ 폰갭 다운로드

______ Xcode4를 이용한 환경 설정

______ 블랙베리 환경 설정

______ 심비안 환경 설정

______ 웹OS 개발 환경 설정

___ 폰갭 빌드를 이용한 클라우드 개발 환경

______ 폰갭 빌드에 등록하기

______ 폰갭 빌드에 애플리케이션 등록하기

______ 안드로이드 빌드 환경 설정

______ iOS 빌드 환경 설정

______ 블랙베리 개발 환경 설정

______ 폰갭 빌드 실행

___ 결론



Chapter 04 jQuery 모바일을 이용한 폰갭

___ jQuery에 익숙해지기

______ jQuery 초기화

______ jQuery 셀렉터

_________ 엘리먼트 기반 셀렉터

_________ ID 기반 셀렉터

_________ CSS 기반 셀렉터

_________ 셀렉터의 조합

______ jQuery DOM 조작

______ jQuery Ajax 호출

___ jQuery 모바일에 익숙해지기

___ 모바일 애플리케이션에 jQuery 모바일 포함하기

___ jQuery 모바일의 선언식 UI

______ 페이지와 다이얼로그

______ 툴바와 버튼

______ 서식 엘리먼트

______ 리스트 뷰

___ jQuery 모바일의 이벤트 처리

______ 일반 이벤트

______ 터치 이벤트

______ 방향 전환 이벤트

______ 스크롤 이벤트

______ 페이지 이벤트

___ 폰갭과 jQuery 모바일의 통합

___ jQuery 모바일과 폰갭을 이용한 지역 검색

______ 폰갭과 jQuery의 부트스트랩

______ 필수 자바스크립트 라이브러리 설치

______ 지역 검색 레이아웃

______ 지역 장소 검색

______ HTML 전체 레이아웃

______ 검색 결과 가져오기와 보여주기

______ 장소의 세부 정보 보여주기

______ 즐겨찾기에 장소 추가하고 삭제하기

______ 즐겨찾기 목록 불러오기

______ 검색 결과를 지도에 보여주기

______ 전체 소스 코드

______ jQuery 모바일의 장점

______ jQuery 모바일의 단점

___ 결론



Chapter 05 센차 터치와 폰갭 이용하기

___ 왜 센차 터치를 사용하는가?

______ 센차 터치의 장점

______ 센차 터치의 단점

___ 센차 터치 다운받기

___ 센차 터치와 폰갭 연동

___ 센차 터치를 이용한 지역 검색 애플리케이션 개발

______ 센차 터치 초기화

______ 레이아웃 만들기

______ 패널 간 이동

______ 장소 목록 가져오기

______ 상세 정보 가져오기

______ 데이터베이스에 즐겨찾기 저장하기와 가져오기

___ 결론



Chapter 06 폰갭과 GWT 이용하기

___ 유저 인터페이스 개발에 GWT를 사용하는 이유

___ GWT 폰갭에 익숙해지기

___ 폰갭 GWT 애플리케이션 만들기

______ GWT 애플리케이션 만들기

______ 폰갭 안드로이드 애플리케이션 만들기

______ GWT 폰갭 참고자료



Chapter 07 폰갭 에뮬레이터와 원격 디버깅

___ 소개

___ 크롬 폰갭 에뮬레이터 - 리플

______ 리플 설치

______ 폰갭을 위해 크롬 효과적으로 사용하기

_________ 윈도우

_________ 맥과 리눅스

______ 리플 사용

______ 리플에 맞도록 앱 수정

______ 특별 플래그로 크롬 구동시키기

______ 크롬에서 앱 실행

______ 리플 활성화

______ 리플 설정하기

______ 리플로 애플리케이션 테스트하기

___ 원격 디버깅(http://debug.phonegap.com)

______ 원격 디버깅 설정

______ 폰갭 애플리케이션에 원격 디버깅 추가하기

______ DOM 엘리먼트의 디버깅과 수정

______ debug.phonegap.com의 문제점

______ 로컬 debug.phonegap.com 설치하기

___ 결론



Chapter 08 폰갭 플러그인 사용하기

___ 폰갭 플러그인

___ 페이스북 인증과 친구 목록 가져오기

______ 안드로이드 환경 설정

______ 페이스북 연결 플러그인 초기화

___ 모바일 푸시 알림을 위한 폰갭 C2DM 플러그인

______ 안드로이드 환경 설정

______ 플러그인을 폰갭 1.1.0에 맞도록 수정

______ C2DM 서비스 가입

______ 폰갭에서 C2DM 발신자 계정 사용

______ C2DM 가능 서비스를 위한 안드로이드 에뮬레이터

___ 결론



Chapter 09 폰갭 확장하기

___ 자바스크립트의 한계

___ 해결책

___ 구조

___ 범위

___ 안드로이드용 폰갭 확장

______ 플러그인의 네이티브 파트 정의

______ 플러그인의 자바스크립트 파트 정의

______ 플러그인 호출

______ 안드로이드 폰갭 플러그인 공유

___ 아이폰용 폰갭 확장

______ 플러그인의 네이티브 파트 정의

______ 플러그인의 자바스크립트 파트 정의

______ 플러그인 호출

______ 아이폰용 폰갭 플러그인 공유

___ 블랙베리용 폰갭 확장

______ 플러그인의 네이티브 파트 정의

______ 플러그인의 자바스크립트 파트 정의

______ 플러그인 호출

______ 블랙베리용 폰갭 플러그인 공유

___ 결론

Rohit Ghatol