상세정보

차세대 웹 표준 기술인 HTML5와 CSS3를 기반으로한 프레임워크인 Sencha Touch 2와 jQuery Mobile를 이용하여 웹앱을 만드는 방법부터 하이브리드앱을 만드는 방법까지 자세하게 설명한다. 국내 최초로 모바일 웹앱 개발자 교육으로 유명한 신용권 교수가 오랜 개발자로서의 경험과 축적된 노하우를 바탕으로 집필했고, 단순한 참고서 역할을 벗어나 책의 절반 이상을 예제 위주로 구성해 개발의 원리와 방법을 이해하고 응용할 수 있도록 했다.

이번 개정판에서는 Sencha Touch2 정식 버전을 토대로 재구성을 하였고, Sencha SDK Tools를 이용한 MVC 클래스 작성 방법과 프로덕션 빌드가 추가되었다. 그리고 Sencha 네이티브 API와 네이티브앱 패키징에 대해서도 상세히 다룬다. 이번 개정판에서는 특별한 혜택도 있다. 저자가 직접 운영하는 모바일 웹앱 카페에서 책 전체 동영상 강의(약 250강) 를 무료로 제공한다는 점이다. 그리고 카페를 통해서 실무 개발자들과 좋은 정보를 공유할 수 있어 더할 나위 없이 좋은 학습 환경을 제공해준다.

모바일 웹앱 카페: http://cafe.naver.com/mobilewebapp

우리나라 전체 개발자중 웹 개발자가 80% 이상을 차지하고 있다. 웹 개발자들의 개발 노하우를 그대로 이용하면서 네이티브앱과 유사한 동작을 하는 앱을 만들 수 있다면 구지 Java나 Object C, 그리고 SDK를 학습할 이유가 없을 것이다. 모바일 웹앱이 빛날 수 밖에 없는 이유가 여기에 있다. 모바일 웹앱은 순수한 웹 기술만으로 네이티브앱에 준하는 RIA(Rich Internet Application)을 만들 수 있는 방법을 제시한다. 웹 개발자들이 이미 알고 있는 HTML, CSS, JavaScript 만을 요구하며 자신이 선호하는 웹 개발 도구를 그대로 사용해서 모바일 웹앱을 만들 수 있다. 그리고 하이브리드 앱으로 변환해서 애플 앱스토어나 구글 마켓에 내다 팔수도 있다. 따라서 웹 개발자들은 네이티브앱 개발을 위해 시간과 노력을 지불할 필요가 없다.
개발 기간과 비용 측면에서도 네이티브앱보다는 모바일 웹앱이 유리하다. 네이티브앱은 플랫폼별로 개발해야 하므로 개발 기간과 비용이 증가한다. 예를 들어 안드로이드와 아이폰 앱은 별도로 개발해야 한다. 그리나 모바일 웹앱은 크로스 프랫폼을 지원한다. HTML5와 CSS3, JavaScript가 지원되는 플랫폼이라면 어디든지 실행이 가능하기 때문에 개발 기간과 비용이 적게 든다.
이 책을 학습하면서 여러분은 모바일 웹앱 개발자로 다듬어 지고, 이 책을 접을 때쯤이면 이미 모바일 웹앱 개발자가 되어 있을 것이다. 이 책을 통해 모바일 웹앱을 배우는 과정에서도 여러분에게 감탄과 즐거움을 선사할 것임을 확신한다.

정보제공 :

목차
PART 1. HTML5
 Chapter 01 모바일 웰앱 = 17
  Section 01 모바일 웹앱의 종류 = 18
  Section 02 모바일 웹앱 프레임워크 = 23
   1. jQuery Mobile = 23
   2. Sencha Touch = 24
   3. jQuery Mobile vs Sencha Touch = 25
 Chapter 02 개발 환경 구축 = 27
  Section 01 웹서버 설치 = 28
  Section 02 크롬 설치 = 32
  Section 03 Site to Phone 설치 = 34
  Section 04 책 예제 설치 = 41
  Section 05 에디터플러스 설치 = 44
 Chapter 03 HTML5 주요 기능 = 49
  Section 01 HTML5 = 50
  Section 02 모바일 웹앱을 위한 설정 = 52
   1. 문서 타입 선언 = 52
   2.〈meta〉태그 = 52
   3.〈link〉태그 = 54
  Section 03 향상된 폼 양식 = 58
  Section 04 향상된 Selector API = 63
  Section 05 웹 스토리지 = 66
  Section 06 애플리케이션 캐시 = 70
  Section 07 위치 정보 = 65
  Section 08 미디어 재생 = 79
PART 2. jQuery Mobile 1
 Chapter 01 jQuery Mobile 시작 = 85
  Section 01 jQuery Mobile 소개 = 86
  Section 02 jQuery Mobile 특징 = 90
  Section 03 jQuery Mobile 프레임워크 설치 = 93
  Section 04 HTML5 사용자 정의 속성 = 96
  Section 05 jQuery Mobile 웹앱 시작 HTML 파일 = 97
  Section 06 jQuery Mobile 웹앱 파일 구성 = 100
 Chapter 02 jQuery Mobile UI = 107
  Section 01 페이지 = 108
  Section 02 컨텐트 = 112
  Section 03 버튼 = 113
   1. 기본 버튼 = 113
   2. 버튼 아이콘 = 114
   3. 버튼 그룹 = 118
   4. 폼 버튼 = 120
  Section 04 툴바 = 122
   1. 헤더바 = 122
   2. 푸터바 = 126
   3. 내비게이션바 = 128
   4. 툴바 고정 = 134
   5. 전체 화면 보기 = 135
   6. 공통 푸터바 = 137
  Section 05 리스트 = 140
   1. 기본 리스트 = 140
   2. 번호 매기기 = 141
   3. 탭 항목 만들기 = 142
   4. 여백 주기 = 143
   5. 항목 구분자 추가 = 144
   6. 필터링하기 = 145
   7. Split 버튼 추가 = 146
   8. 항목 썸네일 추가 = 148
   9. 항목 아이콘 추가 = 149
   10. 카운트 버블 추가 = 150
   11. 텍스트 서식 = 151
   12. 중첩 리스트 = 153
   13. 리스트 동적 갱신 = 154
  Section 06 그리드 레이아웃 = 157
  Section 07 Collapsible 블록 = 160
  Section 08 폼 양식 = 163
   1. 필드 컨테이너 = 163
   2. number, email, url, tel 양식 = 165
   3. Slider 양식 = 166
   4. Select 양식 = 167
   5. Checkbox와 Radio Button 양식 = 169
   6. Flip Toggle 양식 = 172
 Chapter 03 jQuery Mobile 페이지 이동 = 175
  Section 01 단일 HTML 모델 = 176
  Section 02 외부 페이지 = 180
  Section 03 다른 웹앱 실행 = 186
  Section 04 데이터 링크 = 188
  Section 05 페이지 트랜지션 = 192
  Section 06 페이지 이동 API = 194
 Chapter 04 jQuery Mobile 이벤트 처리 = 197
  Section 01 mobileinit 이벤트 = 198
  Section 02 페이지 로드 이벤트 = 201
  Section 03 페이지 초기화 이벤트 = 205
  Section 04 페이지 제거 이벤트 = 208
  Section 05 페이지 트랜지션 이벤트 = 211
  Section 06 터치 이벤트 = 218
  Section 07 방향 변경 이벤트 = 224
 Chapter 05 jQuery Mobile 서버 통신 = 227
  Section 01 AJAX 통신 = 228
  Section 02 크로스 도메인 통신 = 238
 Chapter 06 jQuery Mobile 테마 = 247
  Section 01 jQuery Mobile 테마 특징 = 248
  Section 02 jQuery Mobile 테마 적용 = 249
  Section 03 테마롤러로 테마 만들기 = 259
 Chapter 07 jQuery Mobile 데모 = 267
  Section 01 웹앱 파일 구성 = 268
  Section 02 웹앱 시연 = 269
  Section 03 홈페이지 = 272
  Section 04 로그인 관련 페이지 = 275
   1. 로그인 폼 페이지 = 275
   2. 로그인 처리 페이지 = 277
  Section 05 폰 관련 페이지 = 279
   1. 폰 목록 페이지 = 279
   2. 폰 등록 및 수정 폼 페이지 = 282
   3. 폰 등록 및 수정 처리 = 289
   4. 폰 삭제 처리 = 292
PART 3. Sencha Touch 2
 Chapter 01 Sencha Touch 시작 = 295
  Section 01 Sencha Touch 소개 = 298
  Section 02 Sencha Touch 특징 = 299
  Section 03 Sencha Touch 프레임워크 설치 = 303
  Section 04 Sencha Touch 클래스 시스템 = 309
   1. 클래스 정의 = 309
   2. 클래스 구성 옵션 = 312
   3. 클래스 상속 = 315
   4. new 연산자 vs Ext.create() = 317
  Section 05 Sencha Touch 웹앱 시작 HTML 생성 = 321
  Section 06 웹앱 파일 구성 = 327
 Chapter 02 Sencha Touch UI = 331
  Section 01 컴포넌트 종류 = 332
   1. 기능별 분류 = 332
   2. 상속 관계에 따른 분류 = 333
  Section 02 패널 = 334
   1. 패널 생성 = 334
   2. 컴포넌트 추가와 제거 = 335
   3. 도킹된 컴포넌트 추가 = 337
   4. HTML 내용 추가 = 339
  Section 03 레이아웃 = 343
   1. Default 레이아웃 = 344
   2. VBox와 HBox 레이아웃 = 345
   3. Fit 레이아웃 = 351
   4. Card 레이아웃 = 353
  Section 04 type 정의 객체 = 357
  Section 05 컴포넌트 공통 구성 옵션 = 361
  Section 06 버튼 = 363
  Section 07 툴바와 타이틀바 = 367
  Section 08 세그먼트 버튼 = 372
  Section 09 오버레이 = 375
  Section 10 시트 = 379
  Section 11 액션시트 = 385
  Section 12 메시지 박스 = 387
   1. 기본 메시지 박스 = 387
   2. 메시지 박스 한글화 = 390
  Section 13 멀티미디어 = 392
   1. 비디오 = 392
   2. 오디오 = 394
  Section 14 지도 = 397
  Section 15 폼 양식 = 401
 Chapter 03 Sencha Touch 화면 내비게이션 = 409
  Section 01 페이지 이동 vs UI 컴포넌트 교체 = 410
  Section 02 Card 레이아웃 = 413
  Section 03 화면 전환 애니메이션 = 416
  Section 04 탭패널 = 423
  Section 05 캐러셀 = 428
 Chapter 04 Sencha Touch 이벤트 처리 = 431
  Section 01 listeners 구성 옵션 = 432
  Section 02 addListener() 메소드 = 435
  Section 03 탭 이벤트 처리 = 439
  Section 04 객체 찾기 = 443
  Section 05 터치 이벤트 처리 = 445
  Section 06 드래그 이벤트 처리 = 450
 Chapter 05 Sencha Touch 서버 통신 = 455
  Section 01 AJAX 요청 = 456
  Section 02 마스크 = 460
  Section 03 XML 응답 처리 = 464
  Section 04 JSON 응답 처리 = 468
  Section 05 폼 양식 처리 = 472
  Section 06 JSONP로 크로스 도메인 데이터 얻기 = 476
 Chapter 06 Sencha Touch 데이터 바인딩 = 489
  Section 01 템플레이트 = 490
  Section 02 X 템플레이트 = 494
   1. 반복 처리 = 494
   2. 조건적 처리 = 499
  Section 03 컨테이너 tpl 구성 옵션 = 502
  Section 04 AJAX와 JSONP 데이터 바인딩 = 505
 Chapter 07 Sencha Touch 데이터 Ⅰ = 511
  Section 01 Model 클래스 정의 = 512
  Section 02 Model 객체 생성, 읽기, 수정 = 514
  Section 03 Model 데이터 바인딩 = 518
   1. 템플레이트 바인딩 = 518
   2. 폼 바인딩 = 521
  Section 04 Proxy／ReaderWriter의 역할과 종류 = 523
  Section 05 HTML5 로컬 저장소 데이터 = 525
   1. 로컬 저장소의 가상 테이블화 = 525
   2. 데이터 읽기 = 527
   3. 데이터 생성, 수정, 삭제 = 531
  Section 06 AJAX 동일 도메인 서버 데이터 = 538
   1. XML 데이터 읽기 = 538
   2. JSON 데이터 읽기 = 544
   3. 데이터 생성, 수정, 삭제 = 550
  Section 07 JSONP 크로스 도메인 서버 데이터 = 565
   1. 데이터 읽기 = 565
   2. 크로스 도메인 데이터 생성, 수정, 삭제 = 572
 Chapter 08 Sencha Touch 데이터 Ⅱ = 589
  Section 01 스토어 = 591
  Section 02 인라인 데이터 스토어 = 592
  Section 03 스토어 데이터뷰 = 595
   1. List = 595
   2. 항목 탭 이벤트 처리 = 598
  Section 04 원격 XML 데이터 스토어 = 602
  Section 05 원격 JSON 데이터 스토어 = 606
  Section 06 크로스 도메인 데이터 스토어 = 612
  Section 07 HTML5 로컬 저장소 스토어 = 618
  Section 08 스토어 정렬 = 625
  Section 09 스토어 필터링 = 631
  Section 10 스토어 그룹핑 = 638
   1. 알파벳 그룹핑 = 643
   2. 한글 초성 그룹핑 = 643
   3. DataView = 646
  Section 11 스토어 페이징과 내비게이션 = 650
  Section 12 트리 스토어와 중첩 리스트 = 658
  Section 13 스토어 데이터 동기화 = 662
   1. 로컬 저장소와 동기화 = 662
   2. 서버와 동기화 = 667
 Chapter 09 Sencha Touch 테마 = 679
  Section 01 Sass 기반 테마 = 680
  Section 02 Sass 개발 툴 및 설치 = 682
  Section 03 Sencha Touch 테마 관련 파일 = 686
  Section 04 사용자 정의 테마 만들기 = 688
 Chapter 10 Sencha Touch MVC 아키텍쳐 = 695
  Section 01 MVC 아키텍쳐 소개 = 696
  Section 02 MVC 파일 구조 = 698
  Section 03 View 정의 = 701
  Section 04 Controller 정의 = 703
  Section 05 Model 정의 = 712
  Section 06 Store 정의 = 715
 Chapter 11 Sencha Touch 데모 = 723
  Section 01 웹앱 파일 구성 = 724
  Section 02 웹앱 시연 = 726
  Section 03 Home 관련 클래스 = 730
  Section 04 User 관련 클래스 = 736
  Section 05 Phone 관련 클래스 = 743
  Section 06 웹앱 초기화 파일 = 758
  Section 07 서버 데이터 처리 = 760
PART 4. PhoneGap
 Chapter 01 폰갭 = 767
  Section 01 폰갭 소개 = 768
  Section 02 안드로이드 개발 툴 설치 = 772
  Section 03 AVD 생성 = 780
  Section 04 폰갭 하이브리드 프로젝트 생성 = 782
 Chapter 02 웹앱을 하이브리드앱으로 변환 = 791
  Section 01 jQuery Mobile 하이브리드앱 = 792
  Section 02 Sencha Touch 2 하이브리드앱 = 797
 Chapter 03 폰갭 API로 하드웨어 접근 = 811
  Section 01 하이브리드앱 프로젝트 생성 = 812
  Section 02 가속도(Accelerometer) = 814
  Section 03 카메라(Camera) = 819
  Section 04 방향(Compass) = 822
  Section 05 연락처(Contact) = 826
  Section 06 통지(Notification) = 830
  Section 07 파일(File) = 833
  Section 08 데이터베이스(Storage) = 840
찾아보기 = 846