자료검색

책소개

이 책에서는 하루 한 시간이면 학습할 수 있는 24개의 장을 통해, 스마트폰, 태블릿 그리고 그 외의 다른 장치들에서 사용자와 상호작용하는 강력한 모바일 애플리케이션을 만드는 새로운 방법을 배울 수 있다. 독자들은 이 책의 특징인 직관적이고 단계별 접근 방법을 통해 아이패드/아이폰 혹은 안드로이드 장치를 위한 실용적인 기술을 익힐 수 있다. 이 책은 빠른 속도로 새로운 모바일 애플리케이션을 만드는 방법, 이전의 애플리케이션을 업그레이드하는 방법, 최신의 미디어 콘텐츠를 제공하는 방법, 지오로케이션에서부터 시맨틱 웹에 달하는 고급 기능을 활용하는 방법, 그리고 심지어 복잡한 백엔드 개발을 단순화하는 방법에 대해서도 다루고 있다. 또한 각 장마다 배운 내용을 토대로 실습을 할 수 있고, 이를 통해 현실에서 바로 사용 가능한 실용적인 기초를 배울 수 있다.

목차

PART I 공개 웹 표준을 사용하여 웹 페이지와 웹 애플리케이션 만들기

HOUR 1 HTML5를 사용한 모바일 웹 애플리케이션 개선
HTML 버전 5까지의 과정 이해하기
HTML5와의 차이점
웹 애플리케이션 정의하기
공개 웹 표준 사용하기
IOS와 안드로이드 장치를 이용하여 HTML5 사용하기
모바일 웹 사이트 작성하기
요약, 질문과 답변, 워크숍

HOUR 2 모바일 개발을 위한 HTML5의 새로운 태그와 속성
새로운 HTML5 태그
새로운 HTML5 속성
HTML 4 태그와 속성에서 변경된 사항
HTML5에서 변경된 HTML 문법
HTML5 태그와 속성의 모바일 지원
모바일 웹 개발을 위한 HTML5의 장점
요약, 질문과 답변, 워크숍

HOUR 3 CSS3를 사용하여 모바일 페이지에 스타일 적용하기
CSS의 간략한 소개
CSS3에 추가된 스타일
모바일 장치에서 CSS3 사용하기
요약, 질문과 답변, 워크숍

HOUR 4 모바일 장치 및 HTML5 지원 여부 확인
어떤 HTML5 요소를 사용할지 선택하기
안드로이드와 iOS의 HTML5 지원
HTML5 기능 감지
단계적 후퇴
CSS3 미디어 쿼리(Media Query)를 사용하여 모바일 브라우저
감지
애플리케이션 테스트
요약, 질문과 답변, 워크숍

HOUR 5 자바스크립트와 HTML5 웹 애플리케이션
자바스크립트란 무엇인가?
jQuery란 무엇인가?
jQuery 모바일 사용하기
요약, 질문과 답변, 워크숍

HOUR 6 모바일 웹 애플리케이션 개발
모든 장치에서 동작하는 사이트 개발하기
어떤 유형의 애플리케이션을 원하는지 결정하기
HTML을 사용하여 애플리케이션 개발하기
HTML을 보기 좋게 만들기 위해 CSS 사용하기
더욱 효율적인 HTML5 페이지를 위해 모바일 메타 태그 추가하기
모바일을 위한 사이트 최적화
요약, 질문과 답변, 워크숍

HOUR 7 사이트를 HTML5로 업그레이드
HTML 4에서 언제, 어떻게 업그레이드할지 결정하기
현재 동작하는 HTML5의 기능
HTML5 브라우저 지원 상태
사이트에 여분의 HTML5 기능 추가하기
모바일 애플리케이션에서 사이트를 실행시킬 HTML5 기술
요약, 질문과 답변, 워크숍

HOUR 8 웹 앱을 모바일 앱으로 변환하기
웹 에디터 선택
애플리케이션 테스트
콘텐츠 평가
모바일을 위한 시각 디자인 변경
HTML5와 CSS3 검사
다양한 장치 지원하기
완성된 애플리케이션을 다른 장치에서 평가하기
구형 브라우저에서 동작하는 애플리케이션 개발
요약, 질문과 답변, 워크숍

PART II HTML5의 주요 기능 배우기

HOUR 9 HTML5의 섹셔닝 요소와 시맨틱 요소로 의미 부여하기
섹셔닝 요소란 무엇인가?
새로운 섹셔닝 요소 사용하기
시맨틱하게 HTML 표기하기
요약, 질문과 답변, 워크숍

HOUR 10 HTML5 캔버스 요소를 사용하여 그림 그리기
캔버스 요소 사용하기
[canvas] 요소에 도형 그리기
캔버스에 폰트와 텍스트 작성하기
이미지 표시하기
캔버스는 SVG나 플래시와 어떻게 다른가?
요약, 질문과 답변, 워크숍

HOUR 11 HTML5의 폰트와 타이포그래피
타이포그래피의 요소 정의하기
적절한 타이포그래피적 엔티티 사용하기
웹 공개 폰트 형태 이해하기
요약, 질문과 답변, 워크숍

HOUR 12 HTML5의 오디와 비디오
오디오와 비디오를 위해 왜 HTML5나 플래시를 사용하는가?
최고의 호환성을 위한 비디오 포맷 선택
다양한 지원을 위한 오디오 코덱 선택하기
새로운 HTML5 미디어 요소
미디어 확장을 위한 유용한 속성
인터넷 익스플로러를 위한 대체 옵션 만들기
API 메소드를 사용하여 사용자 정의 컨트롤 만들기
요약, 질문과 답변, 워크숍

HOUR 13 HTML5 폼
HTML5 폼의 새로운 유용한 기능
HTML5의 input 형식
그 외의 새로운 폼 요소
폼 유효성 검사
요약, 질문과 답변, 워크숍

HOUR 14 HTML5를 사용한 콘텐츠 편집 및 사용자 인터랙션
새로운 contenteditable 속성
execCommand 메소드
웹 페이지에 맞춤법 검사 기능 추가하기
브라우저의 UI와 편집 기능 지원
요약, 질문과 답변, 워크숍

HOUR 15 마이크로포맷과 마이크로데이터
마이크로포맷(Microformat) 사용하기
마이크로데이터(Microdata) 사용하기
RDFa 사용하기
어떤 형식을 사용할지 결정하기
모바일과 마이크로포맷
요약, 질문과 답변, 워크숍

HOUR 16 HTML5에서 드래그앤드롭 기능 사용하기
드래그앤드롭 구현
드래그앤드롭 이벤트
드래그앤드롭 속성
유용한 CSS 확장
드래그앤드롭 인터페이스 개발
iOS에서 드래그앤드롭 사용하기
요약, 질문과 답변, 워크숍

HOUR 17 HTML5 링크
HTML5에서 링크가 어떻게 변경되었는가?
링크 형식과 관계
새로운 링크 형식 사용하기
요약, 질문과 답변, 워크숍

PART III 모바일과 웹 애플리케이션을 위한 HTML5

HOUR 18 웹 애플리케이션 API와 데이터세트
웹 애플리케이션 만들기
데이터세트와 data-* 속성
요약, 질문과 답변, 워크숍

HOUR 19 웹 소켓, 웹 워커, 파일
웹 소켓을 사용하는 양방향 통신
웹 워커를 사용하여 백그라운드에서 스크립트 실행하기
파일 API를 사용하여 클라이언트 측 파일 제어하기
요약, 질문과 답변, 워크숍

HOUR 20 오프라인 웹 애플리케이션
오프라인 애플리케이션 개발 및 오프라인에서 동작하는 애플리케이션으로 전환하기
캐시 매니페스트(Cache Manifest)
오프라인 애플리케이션을 위해 DOM 이벤트와 속성 사용하기
애플리케이션 캐시 디버깅
요약, 질문과 답변, 워크숍

HOUR 21 HTML5의 웹 저장소
웹 저장소란 무엇인가?
웹 SQL과 Indexed DB
요약, 질문과 답변, 워크숍

PART III 모바일과 웹 애플리케이션을 위한 HTML5

HOUR 22 히스토리 API를 사용한 브라우저 히스토리 제어
왜 브라우저 히스토리를 제어하는가?
히스토리 API 메소드
히스토리 API 사용하기
히스토리 API의 위험과 불편함
요약, 질문과 답변, 워크숍

HOUR 23 지오로케이션을 사용한 위치 감지기능 추가
지오로케이션이란 무엇인가?
개인 정보 및 위치 정보
모바일 지오로케이션 애플리케이션 생성하기
요약, 질문과 답변, 워크숍

HOUR 24 HTML5 애플리케이션을 네이티브 애플리케이션으로 변환하기
네이티브 애플리케이션과 HTML5 애플리케이션의 차이점 비교
네이티브 앱으로 변환하기
애플리케이션 아이콘 만들기
애플리케이션 테스트
앱스토어에서 애플리케이션 판매
네이티브로의 변환 이외의 옵션
요약, 질문과 답변, 워크숍

부록 A. 퀴즈에 대한 답변
부록 B. HTML 요소와 속성
부록 C. HTML5와 모바일 애플리케이션 리소스