목차 일부

첫째마당 : HTML5와 CSS3를 이용한 모바일 웹 
  CHAPTER 01 모바일 웹 환경 
    1. 웹의 진화 = 22
      1.1 웹 환경의 변화 = 22
      1.2 웹 기술의 발전 = 23
    2. HTML5 = 26
      2.1 HTML5의 등장 = 26
      2.2 HTML5의 특징 = 30
    ...

더보기

목차 전체

첫째마당 : HTML5와 CSS3를 이용한 모바일 웹 
  CHAPTER 01 모바일 웹 환경 
    1. 웹의 진화 = 22
      1.1 웹 환경의 변화 = 22
      1.2 웹 기술의 발전 = 23
    2. HTML5 = 26
      2.1 HTML5의 등장 = 26
      2.2 HTML5의 특징 = 30
    3. 플랫폼이 된 웹 브라우저 = 32
      3.1 웹 브라우저 = 33
      3.2 웹 브라우저 엔진 = 35
    4. 모바일 웹 환경 = 38
      4.1 데스크톱 웹과 모바일 웹 = 38
      4.2 모바일앱 = 39
      4.3 모바일앱 프레임워크 = 42
    연습문제 = 44
  CHAPTER 02 HTML5 기초 다지기 
    1. HTML5 개요 = 46
      1.1 HTML5 문서 = 46
      1.2 HTML5의 기본 요소 = 49
      1.3 HTML5 마크업 명세 규칙 = 51
    2. HTML5 태그 = 52
      2.1 기본 태그 = 52
      2.2 글자 태그 = 53
      2.3 목록 태그 = 56
      2.4 링크 태그 = 57
      2.5 테이블 태그 = 58
    3. HTML5 미디어 태그 = 61
      3.1 이미지 관련 태그 = 61
      3.2 오디오 관련 태그 = 63
      3.3 비디오 관련 태그 = 66
    4. HTML5 공간분할 태그와 시맨틱 태그 = 69
      4.1 공간 분할 태그 = 69
      4.2 시맨틱 태그 = 71
      4.3 HTML5 레이아웃의 변화 = 73
      4.4 시맨틱 레이아웃 작성하기 = 74
    연습문제 = 79
  CHAPTER 03 CSS3 기초 다지기 
    1. CSS3 개요 = 84
      1.1 스타일시트 기초 = 84
      1.2 CSS3 스타일 선언 방법 = 86
    2. 선택자 = 89
      2.1 기본 선택자 유형 = 89
      2.2 확장 선택자 유형 = 94
    3. 스타일시트 선언 방식 = 96
      3.1 스타일시트 선언 방식 = 96
      3.2 스타일시트 선언 방식 적용 예 = 97
    4. 스타일 속성 = 100
      4.1 CSS3의 글자 스타일 속성 = 100
      4.2 CSS3의 색상(배경) 스타일 속성 = 105
      4.3 CSS3의 목록 스타일 속성 = 108
      4.4 CSS3의 테이블 스타일 속성 = 111
    5. 박스 모델 = 113
      5.1 박스 모델 구조 = 113
      5.2 박스 모델 스타일 속성 = 114
    6. CSS3 레이아웃 = 118
      6.1 컨테이너 = 118
      6.2 화면 배치 스타일 속성 = 119
      6.3 float 모드 관련 스타일 속성 = 122
    7. 확장 폰트 = 126
      7.1 웹 폰트 = 126
      7.2 사용자 정의 폰트 = 128
    연습문제 = 135
  CHAPTER 04 모바일 웹 개발 
    1. 뷰포트 = 140
      1.1 뷰포트 = 140
      1.2 뷰포트 메타 태그 = 142
    2. 미디어 유형 = 144
      2.1 미디어 유형 = 144
      2.2 미디어 유형 종류 = 145
    3. 미디어 쿼리 = 148
      3.1 미디어 쿼리 속성 = 148
      3.2 미디어 쿼리 적용 예 = 151
    4. [실습] 모바일 웹 개발 = 154
      4.1 개인 포트폴리오 모바일 웹 : mportpolio = 154
      4.2 실습 예제 코드 = 155
    연습문제 = 165
둘째마당 : 제이쿼리 모바일을 이용한 웹앱 
  CHAPTER 05 제이쿼리 모바일 기초 다지기 
    1. 제이쿼리 모바일 개요 = 170
      1.1 모바일 웹앱 개발 = 170
      1.2 프레임워크 연결 방식 = 173
      1.3 프레임워크 기본 구성 형식 = 175
    2. 화면 구성 및 페이지 연결 = 178
      2.1 웹앱 화면 구성 = 178
      2.2 페이지 연결 방식 = 180
      2.3 페이지 도메인 링크 방식 = 181
    3. 페이지 전환 = 187
      3.1 페이지 전환 효과 = 187
      3.2 외부 프로그램 링크 = 190
    연습문제 = 195
  CHAPTER 06 제이쿼리 모바일 헤더바와 푸터바 
    1. 헤더바 = 198
      1.1 툴바 = 198
      1.2 헤더바 = 198
    2. 푸터바 = 206
    3. 네비게이션바와 툴바 = 209
      3.1 네비게이션바 = 209
      3.2 툴바 위치 설정 = 211
    연습문제 = 219
  CHAPTER 07 제이쿼리 모바일 버튼과 리스트뷰 
    1. 버튼 = 224
      1.1 버튼 생성 = 224
      1.2 기본 버튼 종류 = 226
      1.3 아이콘 버튼의 변형 = 232
      1.4 확장 버튼 종류 = 236
    2. 리스트뷰 기초 = 240
      2.1 기본 리스트뷰 = 241
      2.2 연결 리스트뷰 = 242
      2.3 순서 리스트뷰 = 244
      2.4 인셋 리스트뷰 = 245
      2.5 분할 리스트뷰 = 246
    3. 리스트뷰 고급 = 249
      3.1 카운트 버블 = 249
      3.2 리스트 구분자 = 250
      3.3 썸네일 리스트뷰 = 252
      3.4 아이콘 리스트뷰 = 255
      3.5 여러 줄 리스트뷰 = 256
      3.6 검색 필터 리스트 = 258
      3.7 제이쿼리 리스트뷰 활용 예 = 259
    4. 제이쿼리 모바일 위젯 = 263
      4.1 페이지 탭 = 263
      4.2 컬럼 토글 테이블 = 266
      4.3 숨김 패널 = 268
    연습문제 = 273
  CHAPTER 08 제이쿼리 모바일 대화상자와 폼 
    1. 대화상자 = 278
      1.1 대화상자 = 278
      1.2 페이지 테마 = 282
    2. 콘텐츠 영역의 레이아웃 = 285
      2.1 기본 레이아웃 형식 = 285
      2.2 그리드 레이아웃 형식 = 287
    3. 접이식 패널 레이아웃 = 292
      3.1 기본 접이식 패널 = 293
      3.2 중첩 접이식 패널 = 294
      3.3 그룹 접이식 패널 = 296
    4. 폼 요소 = 297
      4.1 HTML5 표준 폼 태그 = 298
      4.2 네이티브 폼 컨트롤 = 300
      4.3 모바일 폼 컨트롤 : 입력 상자 = 302
      4.4 모바일 폼 컨트롤 : 선택 메뉴 = 313
    5. [실습] 독도 소개 웹앱 개발 = 317
      5.1 독도 소개 웹앱 : dokdoApp = 317
      5.2 실습 예제 코드 = 318
    연습문제 = 325
셋째마당 : 제이쿼리를 이용한 동적인 웹앱 
  CHAPTER 09 제이쿼리 기초 다지기 
    1. 제이쿼리 개요 = 332
      1.1 제이쿼리 = 332
      1.2 자바스크립트 = 334
      1.3 제이쿼리 연동 = 337
      1.4 DOM = 340
    2. 제이쿼리 함수 = 342
      2.1 제이쿼리의 기본 기능 = 342
      2.2 jQuery( ) 함수 = 342
    3. 제이쿼리 선택자 = 350
      3.1 제이쿼리 선택자 = 350
      3.2 제이쿼리 선택자 유형 = 352
    연습문제 = 363
  CHAPTER 10 제이쿼리 응용 다지기 
    1. 제이쿼리 메소드 = 366
      1.1 제이쿼리 스타일 관련 메소드 = 366
      1.2 DOM 트리 관련 메소드 = 369
      1.3 기타 메소드 = 373
    2. 제이쿼리 이벤트 = 376
      2.1 제이쿼리 이벤트 = 376
      2.2 이벤트 핸들러 연결 및 해제 = 377
      2.3 이벤트 메소드 = 378
      2.4 이벤트 활용 예 = 379
    3. 제이쿼리 효과 = 381
      3.1 제이쿼리 효과 = 381
      3.2 사용자 정의 효과 생성하기 = 382
      3.3 제이쿼리 효과 활용 = 393
    4. 제이쿼리 플러그인 = 386
      4.1 jqPlot = 386
      4.2 라인 차트 생성하기 = 389
      4.3 바 차트 생성하기 = 391
      4.4 파이 차트 생성하기 = 397
      4.5 버블 차트 생성하기 = 400
    연습문제 = 405
  CHAPTER 11 XML, Ajax, 제이쿼리 활용 
    1. XML 개요 = 408
      1.1 XML = 408
      1.2 HTML5와 XML = 409
      1.3 XML의 특성 = 412
    2. XML 문서 작성 = 413
      2.1 XML 문서 구조 = 413
      2.2 XML 코딩 규칙 = 415
      2.3 XML 기본 요소 = 415
      2.4 XML 문서 작성 = 418
    3. 네임스페이스 = 421
      3.1 네임스페이스 = 421
      3.2 네임스페이스 선언 방법 = 421
    4. XML 문서의 CSS 적용 = 424
    5. 제이쿼리 Ajax = 426
      5.1 제이쿼리 Ajax = 427
      5.2 ＄.ajax( ) 메소드의 XML 문서 적용 예 = 429
      5.3 ＄.getJSON( ) 메소드의 JSON 형식 데이터 적용 예 = 433
      5.4 ＄.load( ) 메소드의 HTML 문서 적용 예 = 436
    6. 제이쿼리 활용 예제 = 438
      6.1 관광지 안내 앱 : tourApp = 438
      6.2 예제 코드 = 439
    연습문제 = 444
  CHAPTER 12 데이터베이스와 제이쿼리 활용 
    1. [실습] 도서관리 웹앱 개발 = 448
      1.1 로컬 DB 기반의 도서관리 앱 : bookApp = 448
      1.2 UI 화면 구성 = 449
      1.3 내부 스크립트 함수 구성 = 453
      1.4 데이터베이스 관련 함수 정의 = 457
      1.5 실습 예제 코드 = 461
    연습문제 = 473
넷째마당 : 코르도바(폰갭)을 이용한 하이브리드앱 
  CHAPTER 13 하이브리드앱과 코르도바(폰갭) 
    1. 하이브리드앱 개요 = 478
      1.1 하이브리드앱 = 478
      1.2 하이브리드 프레임워크 = 480
    2. 코르도바 개요 = 481
      2.1 코르도바와 폰갭 = 482
      2.2 코르도바 개발 절차 = 484
    3. 코르도바 안드로이드 개발 환경 = 485
      3.1 개발 방식의 변화 = 485
      3.2 안드로이드 개발 환경 구축 = 486
      3.3 코르도바 프로젝트 개발 환경 구축 = 487
    4. 코르도바 프로젝트 생성 및 실행 = 488
      4.1 코르도바 기본 프로젝트 생성하기 = 488
      4.2 코르도바 패키징 = 491
      4.3 안드로이드 플랫폼 추가 = 494
      4.4 코르도바 프로젝트 실행하기 = 496
    연습문제 = 506
  CHAPTER 14 코르도바 API를 활용한 앱 만들기 Ⅰ
    1. 코르도바 API = 508
      1.1 코르도바 API 개요 = 508
    2. 장치관리 하이브리드앱 개발 = 509
      2.1 장치관리 앱 : deviceApp = 509
      2.2 단말기 정보 확인하기 = 511
      2.3 진동 시키기 = 514
      2.4 방위각 정보 확인하기 = 514
      2.5 배터리 정보 확인하기 = 516
      2.6 네트워크 연결 정보 확인하기 = 517
      2.7 위치 정보 확인하기 = 518
      2.8 코르도바 프로젝트 생성 및 실행 = 519
      2.9 실습 예제 코드 = 535
    3. 사진관리 하이브리드앱 개발 = 539
      3.1 사진관리 앱 : cameraApp = 539
      3.2 사진 촬영하기 = 540
      3.3 사진 불러오기 = 544
      3.4 코르도바 프로젝트 생성 및 실행 = 545
      3.5 실습 예제 코드 = 548
    연습문제 = 553
  CHAPTER 15 코르도바 API를 활용한 앱 만들기 Ⅱ
    1. [실습] 연락처 관리 하이브리드앱 개발 = 556
      1.1 연락처 관리 앱 : contactApp = 556
      1.2 연락처 정보 검색하기 = 558
      1.3 연락처 리스트뷰 표시하기 = 562
      1.4 연락처 상세 정보 표시하기 = 565
      1.5 연락처 추가하기 = 570
      1.6 코르도바 프로젝트 생성 및 실행 = 573
      1.7 실습 예제 코드 = 576
    2. [실습] 지도(맵) 활용 하이브리드앱 개발 = 583
      2.1 jquery-ui-map 플러그인 = 583
      2.2 구글맵 지도활용 앱 : mapApp = 585
      2.3 현 위치 지도 표시하기 = 587
      2.4 검색 위치 지도 표시하기 = 595
      2.5 검색 경로 지도 표시하기 = 599
      2.6 코르도바 프로젝트 생성 및 실행 = 601
      2.7 실습 예제 코드 = 605
    연습문제 = 612
  CHAPTER 16 실전 프로젝트 : 맛집 앱 만들기 
    1. 맛집 관리 하이브리드앱 개발 = 616
      1.1 맛집 앱 : matzipApp = 616
      1.2 맛집 앱 시작하기 = 619
      1.3 맛집 정보 등록하기 = 622
      1.4 맛집 정보 수정하기 = 630
      1.5 맛집 목록 조회하기 = 634
      1.6 맛집 상세정보 조회하기 = 636
      1.7 맛집 추가정보 조회하기 = 638
      1.8 코르도바 프로젝트 생성 및 실행 = 640
      1.9 실습 예제 코드 = 644
    연습문제 = 661
부록 : 실습 소프트웨어 설치하기 
  부록 A 크롬 브라우저 준비하기 = 664
  부록 B 앱타나 스튜디오 설치하기 = 665
  부록 C 코르도바(폰갭) 안드로이드 개발 환경 구축하기 = 674
  부록 D 코르도바(폰갭) CLI 설치하기 = 689
  부록 E 안드로이드 코르도바 앱 만들기 = 696
찾아보기 = 721

더보기 닫기