목차 일부
첫째마당 : 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
더보기 닫기