상세정보

HTML과 CSS, 그리고 자바스크립트를 이용해 실제 마켓에 출시할 수 있는 안드로이드 웹앱을 개발하는 방법을 알려준다. 2개의 실전 웹앱 개발 프로젝트를 통해 최신 HTML5와 CSS3, 그리고 웹앱 개발에 필요한 전반적인 기술을 익힐 수 있다. 또한 Sencha Touch와 jQuery Mobile 등 다양한 모바일 UI 프레임워크에 대해서 알려주며 이를 애플리케이션에 직접 적용해봄으로써, 각 프레임워크의 사용법과 장단점을 함께 알려준다. 마지막으로 하이브리드 앱 프레임워크인 폰갭(PhoneGap)을 사용하여 웹앱을 네이티브 앱으로 빌드하여 마켓에 출시하는 과정을 통해, 모바일 웹앱을 개발하여 직접 마켓에 출시하는 전체 과정을 배울 수 있다.

안드로이드 웹앱 개발에 필요한 모든 것을 담았다!

HTML과 CSS, 그리고 자바스크립트를 이용해서 크로스 플랫폼을 지원하는 모바일 웹앱을 개발하는 일은 어렵지 않습니다. 이 책은 이미 웹에서 익숙한 기술들을 활용하여 네이티브 앱 못지않은 훌륭한 모바일 웹앱을 개발할 수 있도록 알려줍니다. 또한 안드로이드 플랫폼 기반의 웹앱을 개발하는 데 필요한 프레임워크인 jQTouch, jQuery Mobile, Sencha Touch, 그리고 폰갭(PhoneGap) 등에 대해 다양한 예제를 통해 자세히 설명하고 있습니다.
간단한 모바일 웹페이지 제작부터 to-do-list 애플리케이션 개발, 웹 서버 구축, HTML5 캔버스를 이용한 고급 애니메이션 기술 활용, 그리고 위치 기반 서비스와 모바일 지도를 이용한 게임 앱 개발까지 모두 한 권으로 학습할 수 있습니다.

모바일 웹앱에 대한 기본적인 설명과 함께 실전 프로젝트를 만드는 방법 및 소스를 제공해주기 때문에 웹앱 개발을 시작하거나 실무에서 활용하고자 할 때 매우 유익합니다.

프로젝트 소스 코드 제공:
https://github.com/sidelab/prowebapps-code

안드로이드 기반의 모바일 개발자 혹은 웹 개발자라면 이제는 하이브리드 프레임워크를 이용한 모바일 웹앱 개발에 도전하세요!


★ 핵심 포인트 ★

- 구글 앱 엔진과 같은 클라우드 서버 활용 방법에 대해 살펴봅니다.
- 폰갭과 같은 하이브리드 앱 개발 프레임워크를 통한 Device API 활용 방법을 배웁니다.
- 모바일 웹앱 개발을 위한 다양한 UI 프레임워크 소개 및 사용법을 알려줍니다.
- 지도 서비스와 위치 기반 서비스(LBS)를 응용하는 방법을 알려줍니다.
- 소셜 API와 연동하는 방법을 알려줍니다.
- 폰갭을 이용한 빌드 및 앱 출시를 위한 패키징 방법에 대해서 배웁니다.


★ 이 책의 구성 ★

1장 : 시작하기
안드로이드 웹앱 개발의 기본적인 개념에 대한 설명과 함께, 이 책을 진행하는 데 필요한 개발 도구와 프로그램을 설치합니다.

2~6장 : 실생활에서 활용 가능한 To-Do-list 애플리케이션 만들기
2장에서는 모바일 HTML을 이용하여 ‘To-Do-list’ 앱의 기초를 만들어봅니다. 3~4장에서는 HTML5 Storage API를 이용해서 데이터를 저장하는 방법과 멀티 페이지를 구현하는 방법, 5장에서는 온라인 저장소와 동기화해서 앱을 클라우드 저장소에 배포하는 방법, 6장에서는 네이티브 앱과 경쟁할 수 있도록 웹앱의 UI를 개선하고 오프라인 캐시를 사용하여 인터넷 연결 유무에 상관없이 앱을 동작할 수 있는 방법에 대해 알아봅니다.

7장 : 사용자 상호작용 이해하기
7장에서는 HTML5 캔버스(Canvas)를 이용하여 사용자 입력에 따른 처리 방법을 배웁니다. 기본적인 캔버스 애니메이션 구현 방법부터 애니메이션 효과를 더욱 사실적으로 표현하는 고급 기술까지, 모바일 웹앱에 적용할 수 있는 멋진 기능들을 소개합니다.

8~12장 : 위치 정보를 이용한 지오마이너 게임 앱 만들기
8장에서는 최근 들어 많이 사용되는 위치 기반 서비스(LBS)에 대한 설명과 모바일 지도에 대해서 배웁니다. 9장에서는 하이브리드 앱 개발 프레임워크의 하나인 폰갭에 대해 알아보고, 10장에서는 Geominer API와 트위터 API 같은 소셜 API와 연동하는 방법에 대해 알아봅니다. 11장에서는 모바일 프레임워크의 4가지 종류에 대해 각각 장·단점을 비교해보고 지금까지 만든 앱을 패키징하여 폰갭을 이용해 이를 마켓에 등록하고 배포하는 과정을 12장에서 살펴봅니다.

13장 : 모바일 컴퓨팅의 미래
모바일 앱 세계에서 앞으로 어떠한 기술이 중심을 이룰 것인지에 대한 논의로 이 책을 마무리합니다.

정보제공 :

목차 
모바일 웹앱 개발을 시작하기에 앞서 = 3 
이 책의 구성 = 5
지은이 및 옮긴이 소개 = 6
베타테스터의 글 = 8
프로젝트 소스 코드 보는 방법 = 9
CHAPTER 01 시작하기 
 안드로이드 플랫폼 기능의 이해 = 17
  인터넷 연결 = 18
  터치 = 19
  위치 추적 = 20
  하드웨어 센서 = 20
  로컬 데이터베이스와 저장소 = 22
  카메라 지원 = 22
  메시징과 푸시 공지 = 23 
  웹킷 웹 브라우저 = 23 
  프로세스 관리 = 24 
  안드로이드 플랫폼이 제공하는 기능 = 25
 개발 환경 준비 = 26
  텍스트 편집기와 작업 디렉터리 = 26
  웹 서버 = 27
  에뮬레이터 = 30
 Hello World = 33
 요약 = 36
CHAPTER 02 모바일 HTML 입력 폼 구축 
 모바일 웹을 위한 HTML = 37
  Mobile-Ready 웹 페이지 = 38
  폼 요소 추가 = 43 
 스타일 입히기 = 45 
  CSS3를 적용한 폼 스타일 = 49
  페이지 제목 개선 = 52
  크기가 다른 화면을 위한 코딩 = 53
  기기 방향에 따른 변화 처리 = 54
 폼 유효성 추가하기 = 60
  제한된 화면에서의 피드백 = 61
 요약 = 69
CHAPTER 03 HTML5 Storage API 
 Web Storage API = 71
  JSON을 이용하여 웹 Storage에 객체 저장 = 74
  로컬 스토리지 vs 세션 스토리지 = 80
 Web SQL Database = 81
  클라이언트 측 데이터베이스에 to-do-list 항목 저장 = 82  
  데이터베이스 버전 관리와 업그레이드 = 89 
 요약 = 90 
CHAPTER 04 멀티 페이지 앱 구현하기 
 단일 HTML 파일, 멀티 앱 페이지 = 92 
  뷰 관리자 생성 = 96
  뷰 액션 구축 = 99
 애플리케이션 메인 화면 구성하기 = 103
  ViewManager 기능 조작 = 109
  메인 화면 스토리지 요구사항 = 110
  메인 화면 마무리 = 115
 모든 내용을 보여주는 화면 구축하기 = 119
 뷰 스택 구현하기 = 126
 요약 = 131
CHAPTER 05 클라우드 동기화 
 온라인 저장소 옵션 알아보기 = 133
  온라인 동기화 저장소의 조건 = 133
  3-Tier 구조 우회 = 134 
  사용자 인증 = 133
  자바스크립트 동기화 라이브러리 = 135
  사용 가능한 동기화 솔루션 = 135
 구글 앱 엔진 시작하기 = 136
  로컬에서 json엔진 배포 = 137
  적합한 동기화 방식 선택 = 139
  json엔진에 오프라인 데이터 전송 = 140
 온라인 동기화를 위한 사용자 인터페이스 업데이트하기  = 143
 데스크톱 인터페이스 작업하기 = 147
  json엔진 인스턴스로 쿼리 전송 = 148
  클라우드에서의 애플리케이션 배포 = 151 
 요약 = 152
CHAPTER 06 네이티브 앱과의 한판 승부 
 간단한 애니메이션 및 네이티브 느낌의 레이아웃 추가하기 = 153 
  간단한 로딩 스피너 추가 = 154
  스크롤 기능 추가 = 159
  액션 바 꾸미기 = 161
 애플리케이션에게 위치 정보 알려 주기 = 163
  W3C Geolocation API 사양 = 164
 오프라인에서 애플리케이션 실행하기 = 169
  오프라인 캐시 매니페스트 파일 = 169
  숨겨진 오프라인 캐싱 기능 = 172
  연결 상태 감지 = 174
 요약 = 176
CHAPTER 07 사용자 상호작용 
 HTML5 캔버스 = 177
 상호작용 입력으로 캔버스에 그리기 = 180  
  상호작용 : 마우스 이벤트 = 181
  상호작용 : 터치 이벤트 = 183
 캔버스 애니메이션 구현하기 = 187
  애니메이션 루프 생성 = 187
  애니메이션 프레임 그리는 방법 = 189
  기기의 DPI 고려해 이미지 그리기 = 194
 고급 애니메이션 기술 익히기 = 200
  애니메이션의 사실적인 움직임 구현 = 200
  캔버스 변형과 애니메이션 = 206
  변형과 자동차 애니메이션 = 209
 요약 = 214
CHAPTER 08 위치 기반 서비스와 모바일 지도 
 위치 기반 서비스 = 215
 지오소셜 네트워킹 = 217
 모바일 지도 제작 = 219
  구글 맵스를 이용한 지도 표시 = 220
  Tile5: HTML5 지도 API를 이용한 대안 = 22
  구글 지도에 표시점 추가 = 226
  표시점 상세 정보 표시 = 228
 모바일에 최적화된 지도 UI = 231
  지도 UI 샘플 이미지 작업 = 231
  모바일 지도 UI 코드 작성 = 233
  내비게이션 UI 구현 = 238
  내비게이션 바에서 표시점 선택 = 245
 요약 = 254
CHAPTER 09 폰갭을 이용한 네이티브 앱 변환 
 하이브리드 앱 개발 프레임워크 = 255 
  폰갭을 언제 사용할까? = 256
  폰갭 다운로드 = 257
 폰갭 애플리케이션 예제 = 258
  예제 애플리케이션 생성 = 259
  예제 애플리케이션 검토 = 266
 간단한 폰갭 지도 애플리케이션 = 272
  폰갭 예제 프로젝트 수정 = 273
  기존 코드를 폰갭 앱으로 전송 = 278
 요약 = 283
CHAPTER 10 소셜 API와의 연동 
 웹 API에 연결하기 = 284
  JSONP란? = 285
  JSONP를 지원하지 않는 API 처리 = 293 
  Geominer API 소개 = 295
 Moundz 자원 위치 검색하기 = 297
  Geominer API를 이용한 근처 자원 검색 = 300
  위치 정보를 이용하여 사용자 위치 추적 = 305
 사용자 로그인 = 309
  시작 화면 및 로그인 화면 구성 = 310
  트위터 Anywhere와 로그인 과정 = 314
  트위터 인증 대안 : Geominer API = 320
 요약 = 325
CHAPTER 11 모바일 UI 프레임워크 비교 
 모바일 UI 프레임워크 = 326
  프레임워크의 공통점과 차이점 = 327
  프레임워크 비교를 위한 준비 작업 = 329 
 Jo = 334
  Jo 시작하기 = 335
  Moundz와 Jo의 만남 = 337
 jQTouch = 344
  jQTouch 시작하기 = 345
  JQTouch에 Moundz 적용 = 348
 jQuery Mobile = 353
  jQuery Mobile 시작하기 = 355
  Moundz와 jQuery Mobile = 357
 Sencha Touch = 364
  Sencha Touch 시작하기 = 366
  Moundz와 Sencha Touch = 368
 요약 = 378 
CHAPTER 12  앱 출시를 위한 마무리 정리와 패키징 
 jQuery Mobile 이용해 계속 진행하기 = 380 
  로그인 화면 복귀 = 381
  내비게이션 레이아웃 수정 = 387
 자원 수집하기 = 390
  자원의 상세 정보를 보여주는 화면 제작 = 390
  Geominer API를 이용한 자원 추적 = 399
 Moundz 애플리케이션을 네이티브 앱으로 패키징하기 = 401
  폰갭 프로젝트 실행 = 401
  애플리케이션 승인 수정 = 406
 폰갭, 인증 그리고 인텐트 = 408
  기존 웹 인증 과정 = 408
  안드로이드 인텐트 개요 = 409
  폰갭의 플러그-인을 이용한 인텐트 사용 = 412
 출시를 위한 애플리케이션 패키징하기 = 419 
 요약 = 423 
CHAPTER 13 모바일 컴퓨팅의 미래 
 모바일 컴퓨팅 시대 = 424 
  전 세계적인 현상 = 425
  데스크톱의 죽음? = 426
  점진적 향상 적용 = 426
 모바일 기술 예측 = 428
  도구와 라이브러리 개선 = 429
  기기 아키텍처의 변화 = 430
  미래의 아키텍처를 위한 코딩 = 432
 사물간의 통신 = 432
  하드웨어 센서 네트워크 = 433
  인간 센서 = 435
 요약 = 436
부록 A 안드로이드 웹앱 디버깅 = 438
부록 B 웹 서버 몽구스 설치 = 447 
부록 C 국내 하이브리드 앱 프레임워크: 앱스프레소 = 453