도서명 : 살아 움직이는 표준 HTML5 : 다목적 예제를 활용한 명쾌한 해설
저자 : Klaus F?rster, Bernd ?ggl 저/류광 역
발행일 : 2012년 9월 11일
ISBN : 9788994405117
정가 : 26,000원
구매하기 : 강컴닷컴 | 인터파크 | YES24


 



책소개

선구적인 두 웹 개발자가 저술한 ‘살아 움직이는 표준 HTML5: 예제를 활용한 명쾌한 해설’은 HTML5의 강력한 새 요소들과 기법들을 간결하고 실용적이며 이해하기 쉬운 예제들을 통해서 상세히 소개한다. 음향/동영상 재생에서 지리 정보를 웹 페이지나 응용 프로그램에 통합하는 것에 이르기까지 HTML5로 얼마나 많은 일을 할 수 있는지를 이 책에서 발견하게 될 것이다.

간결하고 친절한 이 참고서는 JavaScript와 DOM을 이용해서 HTML5를 최대한 활용하기 위한 여러 기법과 요령, 예제들로 가득 차 있다. 저자들은 지금 당장 주요 브라우저들에서 실행해 볼 수 있는 ‘순수한 HTML5’ 예제들을 제시하는 한편, HTML5 개발 과정에서 논란이 되고 있는 최신 기술들에 대해서도 현실적인 통찰을 제공한다. 모든 예제를 저자의 웹 사이트에서 내려받을 수 있으며, 새로운 정보나 명세서 갱신 상황을 알려주는 웹 자원들로의 링크들도 제시되어 있다.

이 책의 저자들은 새로운 웹 표준만큼이나 다재다능하며, 또한 아직 개발 중인 표준에 대한 책을 쓸 정도로 용감하다. 최근 한 인터뷰에서 저자들은 이 책의 특징인 “간결한 설명과 상세한 예제의 조합”이 아주 자랑스럽다고 말했는데, 군더더기 없고 오해의 여지가 적은 문체와 본문에서 명시적으로 설명하지 않은 부분까지도 충분히 짐작하게 하는 예제 코드 덕분에 책을 앞표지에서 뒤표지까지 모두 읽은 독자는 그 의견에 전적으로 동감할 것이며 그러한 조합의 위력을 충분히 누릴 수 있을 것이다.

  도서 특징

•브라우저 지원 상황: HTML5로 지금 당장 사용할 수 있는 것과 없는 것.

•HTML5 문서의 구조와 의미론.

•새로운 입력 형식과 요소, 클라이언트 쪽 유효성 검증을 비롯한 지능적인 양식(form) 기능.

•‘video’ 요소와 ‘audio’ 요소, 그리고 JavaScript에서 매체를 다루는 방법.

•캔버스와 SVG를 이용한 고급 그래픽.

•구글 지도를 통한 위치 추적을 비롯한 지리 정보 활용.

•웹 저장소, 오프라인 웹 응용 프로그램, 웹소켓, 웹 일꾼.

•마이크로데이터와 마이크로데이터 DOM API를 이용한 의미 마크업 내장.

•‘draggable’ 특성을 이용한 끌어다 놓기 구현.

•‘data-*,’ ‘hidden,’ ‘contenteditable,’ ‘spellcheck’을 비롯한 새 전역 특성들.

 

이 책을 읽는 방법

이 책을 읽는 방법은 물론 전적으로 독자가 결정할 일이다. 각 장(chapter)은 그 장만 따로 읽어도(즉, 다른 장들을 읽지 않았다고 해도) 충분히 이해할 수 있게 구성되어 있다. 따라서 전통적인 방식대로 처음부터 끝까지 차례로 읽어도 되고, 아니면 호기심이 이끄는 대로 왔다갔다 하면서 읽어도 무방하다. 무엇보다도 중요한 것은 이 책을 재미있게 읽으시길!

 Klaus Förster

오픈소스의 열광적인 팬인 그는 오스트리아 인스부르크 대학의 지리학과에서 일한다. 그는 여러 SVG Open 컨퍼런스들에 강연자, 감수자, 워크숍 진행자로 참여했으며, PostGIS, GRASS GIS, SpatiaLite 같은 자유 소프트웨어 프로젝트에 SVG 모듈들을 기여했다.

Bernd Öggl

인스브루크 대학의 강사이자 시스템 관리자인 그는 PHP과 MySQL에 관한 책을 공동 저술했으며, 웹 응용 프로그램 개발에 다년간의 경험을 가지고 있다.

역자

류 광

옮긴이 류광은 1996년부터 활동해온 프로그래밍 서적 전문 번역가로, 최근 와우북스와 『Game Programming Gems 6, 7, 8』과『GAME ENGINE GEMS 1』,『프로 안드로이드 SL4A: 파이썬으로 앱 만들기』를 냈다. Knuth 교수의 고전『컴퓨터 프로그래밍의 예술』시리즈 등 다양한 분야의 프로그래밍 서적들을 50권 이상 번역했으며, 웹 개발 관련 번역서로는『Beginning XHTML』과『Core PHP』,『Professional JSP』등이 있다.

번역과 프로그래밍 외에 소프트웨어 문서화에도 많은 관심을 가지고 있으며, 수많은 오픈소스 프로젝트들의 표준 문서 형식으로 쓰이는 DocBook의 국내 사용자 모임인 닥북 한국(http://docbook.kr/)의 일원이다.

현재 번역서 정보 사이트 occam’s Razor(http://occamsrazr.net/)와 Game Programming Gems 스터디 사이트 GpgStudy(http://www.gpgstudy.com/)를 운영하고 있다. 두 사이트 모두 상당 부분을 직접 개발했으며, 조만간 HTML5로 개편할 계획이다.

도서 목차

역자의 글

서 문

저자 소개

CHAPTER 1 새로운 웹 표준 HTML5의 개요

1.1 사건의 발단

1.2 시간 여행: HTML5 역사의 주요 사건들

1.3 거두절미하고...

1.3.1 무엇이 새로운가?

1.3.2 폐기된 요소들과 특성들

1.3.3 그렇다면 XHTML의 운명은?

1.4 지금 당장 HTML5를 사용할 수 있는가?

요 약

CHAPTER 2 문서의 구조와 의미를 위한 요소들

2.1 표제부를 위한 ‘header’ 요소와 ‘hgroup’ 요소

2.2 주된 내용을 위한 ‘article’

2.3 바닥글을 위한 ‘footer’와 ‘nav’

2.4 사이드바를 위한 ‘aside’와 ‘section’

2.5 개요 파악 알고리즘

2.6 그림, 도해를 위한 ‘figure’와 ‘figcaption’

2.7 텍스트 수준의 새로운 의미 요소들

2.7.1 ‘ruby,’ ‘rt,’ ‘rp’ 요소

2.7.2 ‘time’ 요소

2.7.3 ‘mark’ 요소

2.7.4 ‘wbr’ 요소

2.7.5 약간만 바뀐 요소들

요 약

CHAPTER 3 지능적인 입력 양식

3.1 새로운 입력 형식들

3.1.1 입력 형식 ‘tel’과 ‘search’

3.1.2 입력 형식 ‘url’과 ‘email’

3.1.3 날짜와 시간을 위한 ‘datetime’, ‘date’, ‘month’, ‘week’, ‘time’, ‘datetime-local’

3.1.4 입력 형식 ‘number’와 ‘range’

3.1.5 색상 입력을 위한 ‘color’

3.1.6 새 입력 형식들의 사용 예

3.2 양식에 유용한 특성들

3.2.1 초점 설정을 위한 ‘autofocus’

3.2.2 입력 힌트 텍스트를 위한 ‘placeholder’

3.2.3 필수 입력 필드를 위한 ‘required’

3.2.4 ‘input’ 요소의 추가 특성들

3.3 새 양식 요소들

3.3.1 수치 측정값을 표시하는 ‘meter’

3.3.2 과제의 진행 정도를 표시하는 ‘progress’

3.3.3 선택 항목들의 목록을 위한 ‘datalist’

3.3.4 암호화 키를 위한 ‘keygen’

3.3.5 계산 결과를 담는 ‘output’

3.4 클라이언트 쪽 양식 검증

3.4.1 ‘invalid’ 사건

3.4.2 ‘checkValidity’ 함수

3.4.3 ‘setCustomValidity()’를 이용한 오류 처리

3.4.4 유효성 점검 요약

3.4.5 검증이 필요 없을 때를 위한 ‘formnovalidate’ 특성

3.5 예제: 고객 지원 요청 양식