목차 일부
PART 1. HTML5
Chapter 01 모바일 웰앱 ... 17
Section 01 모바일 웹앱의 종류 ... 18
Section 02 모바일 웹앱 프레임워크 ... 23
1. jQuery Mobile ... 23
2. Sencha Touch ... 24
3. jQuery Mobil...
더보기
목차 전체
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
더보기 닫기