목차 일부

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

더보기 닫기