Categories

아울그룹은 밤샘의 세월이 만든

“케미가 있는 웍그룹”입니다.

기술 + 문화 + 소통의 조화를 꿈꾸다.

We are in Social
31 1월
2012
Books & Stories Development Smart App
1603 Views

HTML5와 폰갭으로 웹앱 나도 만든다

html5-폰갭-웹앱-나도-만든다

ch1-1 ch1-3 ch1-4 ch1-5 ch1-6 ch1-7 ch1-8 ch1-9 ch1-10 ch1-11 ch1-12 ch1-13 ch1-14

[서지 정보]

저자 이두진

출판사 PCBOOK

출간일 2012년 02월 10일

정가 30,000원

쪽수 768쪽

ISBN 9788981931384

[개요]

하나의 소스 코드로 안드로이드, 아이폰, 원도우폰의 앱을 만든다!

홈페이지 만들던 HTML과 자바스크립트로 스마트폰 앱을 만든다!

폰갭(PhoneGap)은 웹 기술로 앱을 만드는 하이브리드 웹앱 프레임웍입니다. 폰갭을 이용하면 HTML과 자바스크립트 지식만 필요하기 때문에 웹디자이너나 초보 프로그래머도 쉽게 앱을 만들 수 있으며, 스마트폰마다 따로 개발해야 하는 시간과 비용을 절감할 수 있습니다. 이미 많은 앱들이 폰갭으로 만들어져 배포되고 있으며, 시간과 비용의 절감이라는 매력으로 인해 폰갭을 이용한 앱 개발이 크게 확산되고 있습니다. 폰갭을 이용한 앱 개발 작업은 다음과 같이 진행됩니다.

폰갭은 모바일에 특화된 자바스크립트 라이브러리를 제공하며 HTML5의 기본 자바스크립트와 폰갭의 자바스크립트를 혼용해서 웹 페이지를 구성합니다. 웹 페이지를 구성할 때 디자인 문제를 해결하기 위해 드림위버와 jQuery Mobile을 사용할 수 있으며, 이렇게 구성된 웹 페이지를 플랫폼별로 SDK로 가져와 프로젝트를 생성합니다.

이 책에서는 단순히 매뉴얼 식으로 폰갭 API를 설명하는 것이 아니라 저자의 오랜 현장 경험을 담아 다음과 같은 내용을 추가로 설명하고 있습니다.

폰갭의 기본 구조에 대한 이해

폰갭 템플릿을 이용하지 않고 프로젝트를 수동으로 생성하는 방법

폰갭에서 지원하지 않는 기능을 플러그인으로 해결하는 방법

빠른 버전 업을 진행하는 폰갭의 버전 업에 대처하는 방법

드림위버를 이용해서 디자인하고 프로젝트를 생성하는 방법

UI를 디자인을 위해서 jQuery Mobile를 이용하는 방법

이런 내용을 알아야 학습을 마치고 현업에서 상품성 있는 앱을 만들면서 부딪히게 되는 다양한 문제에 대처할 수 있는 능력이 생깁니다. 본서에 수록된 예제 앱들은 최대한 실물 스마트폰에서 실험하여 완결성을 보장하고 있으며, 폰갭 API와 자바스크립트의 객체와 메소드 ,이벤트, 속성들을 모두 실험해볼 수 있도록 앱을 구성해서 예제를 제공하고 있으며, 스마트폰의 특성에 따라 조금씩 달라지는 부분도 자세하게 설명하고 있어 폰갭에 대한 완벽 가이드 역할을 할 것입니다.

[목차]

Part I 폰갭 시작하기

1장 HTML5와 웹앱과 폰갭

1.1 HTML5의 탄생 배경 살펴보기

1.2 HTML5의 요소 살펴보기

1.3 HTML5의 새로운 기능 살펴보기

1.4 HTML5의 API 살펴보기

1.5 웹앱과 폰갭

2장 폰갭 개발 환경 둘러보기

2.1 폰갭의 기능 알아보기

2.2 폰갭 다운로드하기

2.3 폰갭 둘러보기

2.4 안드로이드용 개발 환경 둘러보기

2.5 아이폰용 개발 환경 둘러보기

2.6 원도즈폰 개발 환경 설치하기

3장 안드로이드용 폰갭 시작하기

3.1 샘플 프로젝트 가져오기

3.2 폰갭 라이브러리 등록하기

3.3 폰갭 샘플 프로젝트 구조 분석하기

3.4 프로젝트 속성 바꾸기

3.5 참조 자동 정리하기

3.6 안드로이드 가상기기 관리하기

3.7 디버그 모드로 실행하기

3.8 실물 단말기 화면 캡처하기

3.9 폰갭 샘플 프로젝트 실험하기

4장 아이폰용 폰갭 시작하기

4.1 폰갭 템플릿 설치하기

4.2 폰갭 프로젝트 만들기

4.3 폰갭 프로젝트에 웹폴더(www) 등록하기

4.4 사이트 접속 권한 설정하기

4.5 홈페이지를 앱으로 추가하기

5장 원도우폰용 폰갭 시작하기

5.1 폰갭 템플릿 추가하기

5.2 폰갭 템플릿 만들기

5.3 사용자 지정 도구 실행하기

5.4 가상기기에서 실험하기

6장 드림위버로 웹앱 만들기

6.1 드림위버로 웹앱 페이지 만들기

6.2 드림위버로 폰갭 프로젝트 자동 생성하기

6.3 네이티브 앱 개발 도구로 가져오기

6.4 이클립스의 웹 페이지 편집기

6.5 HTML5를 위한 드림위버 실무 활용 팁

Part II 폰갭 API 사용하기

7장 Notification : 대화상자와 알림

7.2 notification 프로젝트

7.3 안드로이드 프로젝트 생성 및 포팅

7.4 아이폰 프로젝트 생성 및 포팅

7.5 윈도우폰 프로젝트 생성 및 포팅

8장 Device : 단말기 정보

8.1 Device의 사용

8.2 Device 프로젝트

8.3 안드로이드 포팅

8.4 아이폰 포팅

8.5 윈도우폰 포팅

9장 Events : 이벤트

9.1 이벤트의 사용

9.2 Events 프로젝트

9.3 안드로이드 포팅

9.4 아이폰 포팅

9.5 윈도우폰 포팅

10장 Media : 오디오와 비디오

10.1 미디어의 사용

10.2 Media 폰갭 프로젝트

10.3 아이폰 포팅

10.4 안드로이드 포팅

11장 Camera : 카메라 제어

11.1 카메라의 사용

11.2 jQuery Mobile을 이용한 웹앱 디자인

11.3 Camera 폰갭 프로젝트

11.4 안드로이드 포팅

11.5 아이폰 포팅

11.6 윈도우폰 포팅

12장 File : 파일 제어

12.1 파일 시스템의 사용 – 파일 관리

12.2 파일 시스템의 사용 – 디렉토리 관리

12.3 파일 시스템의 사용 – 파일 업로드

12.4 jQuery Mobile 최신 버전으로 폰갭 프로젝트 만들기

12.6 안드로이드 포팅

12.7 아이폰 포팅

12.8 폰갭의 FileTransfer.download() 메소드

13장 Capture : 미디어 캡처

13.1 Capture의 사용

13.2 Capture 폰갭 프로젝트

13.3 안드로이드 포팅

13.4 아이폰 포팅

13.5 윈도우폰 포팅

14장 Sensor : 센서

14.1 가속 센서 (Accelerometer)의 사용

14.2 방위 센서 (Compass)의 사용

14.3 Sensor 폰갭 프로젝트

14.4 안드로이드 포팅

14.5 아이폰 포팅

14.6 윈도우폰 포팅

15장 Contacts : 연락처

15.1 Contacts의 사용

15.2 Contacts 폰갭 프로젝트

15.3 안드로이드 포팅

15.4 아이폰 포팅

16장 Connection : 네트웍 통신

16.1 Connection의 사용

16.2 Connection 폰갭 프로젝트

16.3 안드로이드 포팅

16.4 아이폰 포팅

16.5 윈도우폰 포팅

17장 Geolocation : GPS 위치정보

17.1 Geolocation의 사용

17.2 Geolocation 폰갭 프로젝트

17.3 안드로이드 포팅

17.4 아이폰 포팅

17.5 윈도우폰 포팅

18장 Storage : 로컬 데이터베이스

18.1 Storage의 사용

18.2 Storage 폰갭 프로젝트

18.3 안드로이드 포팅

18.4 아이폰 포팅