메뉴 바로가기 검색 및 카테고리 바로가기 본문 바로가기

한빛출판네트워크

한빛랩스 - 지식에 가능성을 머지하다 / 강의 콘텐츠 무료로 수강하시고 피드백을 남겨주세요. ▶︎

사전처럼 바로 찾아 쓰는 HTML5 핵심 API

한빛미디어

번역서

절판

  • 저자 : 하타노 후토미
  • 번역 : 윤준
  • 출간 : 2011-12-01
  • 페이지 : 688 쪽
  • ISBN : 9788979148732
  • 물류코드 :1873
  • 초급 초중급 중급 중고급 고급
4점 (7명)
좋아요 : 36

"웹 기술을 주도할 당신을 위한 책"

스티브 잡스가 플래시 대신에 HTML5를 선택하겠다고 발표한 뒤 구글, MS 역시도 HTML5에 힘을 실어줬다. HTML5는 한 동안 웹 개발자들에게 가장 뜨거운 키워드일 것이다.

사전처럼 바로 찾아 쓰는 HTML5 핵심 API에서는 HTML5 명세 및 이와 관련된 명세에 규정된 API 중 시각적인 측면과 사용자 인터페이스에 관련된 API 위주로 세세히 설명했다. 아울러 일반 웹 페이지뿐 아니라 위젯과 같은 애플리케이션에 이르기까지 필요한 지식을 담았다.

이 책에서는 웹 애플리케이션을 잘 모르는 초보자와 디자이너들을 위해 DOM 스크립팅의 기초부터 설명했으며 HTML5에서 새롭게 등장한 API만이 아니라 기존의 API까지도 상세히 잘 정리했다. 폼을 비롯해 화려한 동적 웹사이트를 제작하는데 도움이 될 캔바스(canvas), 비디오(video), 오디오(audio)를 비롯해서 Text Selection API로 사용자 텍스트 편집기(WISYWIG)을 만드는 방법도 설명했다. 그 외에도 기존에는 복잡하게 구현했던 드래그 앤 드롭과 File API, 웹 워커, Geolocation API 등도 소개했다.

HTML5는 아직 확정된 표준이 아니라 당분간은 내용에 변동이 있겠지만 책의 내용을 기초로 새로운 지식을 익힌다면 누구보다도 빠르게 HTML5를 익혀 차세대 웹 기술을 주도할 수 있을 것이다.

어떤 독자를 위한 책인가?

  • 웹 애플리케이션의 기초를 배우려는 초보자
  • 웹 개발자 중 HTML5의 API를 중점적으로 배우고자 하는 개발자
  • 자바스크립트 개발을 전문으로 하는 개발자
하타노 후토미 저자

하타노 후토미

유한 회사 futomi 대표 이사
주로 Perl로 호스팅 서버(공유 서버)에서도 사용할 수 있는 웹 애플리케이션 개발 및 판매를 하고 있다. 맞춤 웹 애플리케이션을 제작하거나 웹 서버 관리 업무도 한다. 2007년 http://html5.jp를 개설하여 Canvas를 사용한 자바스크립트 라이브러리 개발, HTML5 최신 정보 제공, HTML5 관련 명세 번역을 하고 있다.

윤준 역자

윤준

숭실대학교 미디어학부를 졸업하고 동 대학원 모바일 랩에서 미디어공학을 전공했다. 프런트엔드 엔지니어로 활동하고 있으며 한빛미디어에서 『초보자를 위한 언리얼 엔진 4 입문』, 『초보자를 위한 유니티 입문(개정판)』 등을 번역했다.

 

추천사
옮긴이의 말 
한국 독자들에게
지은이의 말 
이 책의 내용과 대상 독자 
 
CHAPTER 01 DOM 스크립팅의 기초 
1.1 HTML5의 의의
1.1.1 웹 표준 명세에 없던 자바스크립트의 다양한 기능 
1.1.2 기존의 API를 명세 하나로 정리한 HTML5 
1.2 DOM 트리 
1.2.1 DOM이란 무엇인가
1.2.2 DOM 트리란 무엇인가
1.2.3 브라우저마다 달랐던 DOM 트리
1.2.4 문법 오류가 있는 마크업 처리 
1.3 DOM 트리 접근자 
1.3.1 DOM 트리 접근자란 무엇인가 
1.3.2 DOM 트리에 접근하는 속성 
1.3.3 HTMLCollection 객체는 실시간이다
1.3.4 DOM 트리에 접근하는 함수 
1.3.5 W3C에서 규정된 함수
1.4 HTML 문서 리소스의 정보 
1.4.1 리소스 정보를 다루는 속성 
1.4.2 URL 정보
1.4.3 최종 갱신 일시
1.4.4 렌더링 모드
1.4.5 문자 인코딩
1.4.6 문서 로딩 상태
1.5 마크업 삽입 
1.5.1 마크업 추가
1.5.2 마크업 다시 쓰기 
1.5.3 HTML 문서의 생성
1.5.4 보안 
1.6 요소와 속성 제어
1.6.1 요소와 속성을 제어하는 API 
1.6.2 요소를 제어하는 API
1.6.3 class 속성을 제어하는 classList API 
1.6.4 커스텀 데이터 속성 
1.7 Selectors API
1.7.1 Selectors API란 무엇인가 
1.7.2 선택자 
1.7.3 :visited 유사 클래스의 프라이버시 문제 
1.7.4 Selectors API가 반환하는 NodeList는 실시간이 아니다 
1.8 이벤트
1.8.1 웹 애플리케이션과 이벤트
1.8.2 이벤트 핸들러와 이벤트 리스너
1.8.3 load 이벤트 
1.8.4 DOMContentLoaded 이벤트
1.9 타이머 
1.9.1 타이머란 무엇인가
1.9.2 타이머를 이용한 예제
1.10 모달 창
1.10.1 window.alert(), window.confirm(), window.prompt() 
1.10.2 커스텀 모달 창
1.11 페이지 URL을 다루는 Location API 
1.11.1 Location API란 무엇인가
1.11.2 URL 분리 속성
1.12 방문 기록을 다루는 History API 
1.12.1 History API란 무엇인가
1.12.2 세션 기록 관련 이벤트 
1.13 Navigator 객체
1.13.1 Navigator 객체란 무엇인가
1.13.2 브라우저 식별 정보 
1.13.3 네트워크 접속 정보 
1.14 브라우저 인터페이스
1.14.1 각종 바가 표시되는지를 판별하는 속성
1.15 포커스 
1.15.1 포커스란 무엇인가
1.15.2 문서의 포커스 
1.15.3 요소의 포커스 
 
CHAPTER 02 폼
2.1 폼의 기초
2.1.1 HTML5에서 더욱 충실해진 UI
2.1.2 새로운 컨트롤 
2.1.3 입력값을 제한하는 속성 
2.1.4 유효성 검사
2.1.5 유효성 검사 대상이 되는 요소 
2.1.6 유효성 검사를 피하는 방법 
2.2 폼 이벤트
2.2.1 폼과 관련된 이벤트 
2.2.2 change 이벤트와 formchange 이벤트 
2.2.3 input 이벤트와 forminput 이벤트
2.2.4 invalid 이벤트 
2.2.5 select 이벤트 
2.2.6 submit 이벤트
2.3 폼 유효성 검사 API 
2.3.1 폼 유효성 검사 API란 
2.3.2 유효성 검사를 임의의 시점에 실행
2.3.3 유효성 검사 오류 안내 수정
2.3.4 유효성 검사의 결과를 실시간으로 획득
2.3.5 유효성 검사 오류의 원인 
2.3.6 독자적인 유효성 검사를 정의
2.3.7 폼 유효성 검사 API의 주의점
2.4 텍스트 필드 선택
2.4.1 텍스트 필드를 선택하는 API 
2.4.2 전체 선택
2.4.3 선택 텍스트의 시작 위치와 종료 위치
2.4.4 범위를 지정하여 텍스트를 선택하기
2.5 HTML5에서 새로 도입된 폼 요소
2.5.1 새 폼 요소 세 가지 
2.5.2 output 요소 
2.5.3 progress 요소
2.5.4 meter 요소
2.6 폼 API 레퍼런스
2.6.1 크게 늘어난 폼 관련 API
2.6.2 HTMLFormControlsCollection 객체
2.6.3 RadioNodeList 객체 
2.6.4 HTMLOptionsCollection 객체
2.6.5 DOMSettableTokenList 객체
2.6.6 ValidityState 객체 
 
CHAPTER 03 Canvas
3.1 Canvas의 특징
3.1.1 Canvas란 무엇인가 
3.1.2 비트맵 그래픽 
3.1.3 Canvas의 장점 
3.1.4 Canvas의 명세 
3.2 canvas 요소
3.2.1 canvas 요소 준비
3.2.2 canvas 요소의 지원 여부 판단
3.3 좌표계 
3.3.1 Canvas의 좌표계
3.4 2D 컨텍스트
3.4.1 2D 컨텍스트 객체 얻기 
3.4.2 부모 canvas 요소의 노드 객체 참조 
3.5 사각형 
3.5.1 사각형 그리기 
3.6 색
3.6.1 색 지정하기
3.7 반투명 
3.7.1 투명도 지정하기
3.8 그라데이션
3.8.1 그라데이션 지정하기 
3.8.2 선형 그라데이션 
3.8.3 원형 그라데이션
3.9 패스를 이용한 복잡한 도형
3.9.1 사각형 이외의 도형을 그리는 방법
3.9.2 패스란 
3.9.3 서브패스란 
3.9.4 서브패스가 교차했을 때의 채우기 
3.9.5 원호 
3.9.6 베지에르 곡선 
3.9.7 사각형 
3.10 선의 스타일 
3.10.1 선의 스타일에 관한 Canvas의 기능
3.10.2 선의 굵기 
3.10.3 선끝의 모양 
3.10.4 연결 모양 
3.11 텍스트 
3.11.1 Canvas의 텍스트 그리기 
3.11.2 텍스트 그리기 
3.11.3 웹 폰트의 이용
3.11.4 정렬
3.11.5 문자의 길이 측정 
3.12 섀도우
3.12.1 선의 스타일에 관한 Canvas의 기능
3.13 패턴 
3.13.1 패턴으로 채우기
3.14 이미지의 사용 
3.14.1 외부 이미지를 Canvas 안에 사용하기 
3.14.2 레이어 
3.15 합성 
3.15.1 Porter-Duff 합성
3.15.2 Canvas의 이미지 합성 패턴 
3.15.3 합성을 사용한 이미지
3.16 픽셀 조작
3.16.1 비트맵 정보에 직접 접근하기
3.16.2 보안 
3.17 클리핑 
3.17.1 클리핑 영역 정하기 
3.18 좌표 공간의 변환
3.18.1 도형 변환하기 
3.18.2 변환 조합하기 
3.18.3 변환 매트릭스 
3.18.4 변환 매트릭스의 응용
3.19 그리기 상태 관리
3.19.1 그리기 상태를 한 번에 관리하기 
3.20 도형의 내부, 외부 구별
3.20.1 도형의 안과 밖 구별하기
3.21 Canvas의 이미지 출력
3.21.1 canvas 요소의 노드 객체의 이미지 출력에 관한 API
3.22 애니메이션
3.22.1 Canvas를 이용한 애니메이션의 구현
3.22.2 성능 
 
CHAPTER 04 비디오와 오디오 
4.1 마크업의 개요 
4.1.1 HTML5에서 새롭게 추가된 요소 
4.2 video 요소 
4.2.1 video 요소의 마크업 
4.2.2 불리언 속성의 프로퍼티 
4.2.3 표시 크기와 실제 크기 
4.2.4 preload와 autobuffer
4.2.5 video 요소의 지원 여부 판별
4.3 audio 요소 
4.3.1 audio 요소의 마크업
4.3.2 Audio() 
4.3.3 audio 요소의 지원 여부 판별
4.4 코덱 
4.4.1 코덱과 컨테이너
4.4.2 MIME 형식
4.5 source 요소 
4.5.1 source 요소란 무엇인가
4.6 MIME 형식으로부터 재생 가능 여부를 판단 
4.6.1 재생 가능한 형식을 판별
4.7 선택된 파일 확인
4.7.1 어떤 파일이 선택되었는지 확인하기
4.8 네트워크 이용 상태 파악
4.8.1 내려받기까지의 변화를 실시간으로 파악
4.9 재생과 정지 
4.9.1 미디어 리소스의 재생과 정지
4.9.2 iOS의 사파리에서 무효화되어 있는 기능
4.10 미디어 리소스 로드
4.10.1 강제로 미디어 요소를 재설정하기 
4.10.2 미디어 데이터 획득 순서
4.11 미디어 데이터의 로드 상태 파악 
4.11.1 미디어 데이터의 로드 상태를 실시간으로 파악하기 
4.12 재생 속도
4.12.1 재생 속도 변경하기 
4.13 길이와 재생 위치
4.13.1 길이와 재생 위치 파악하기 
4.14 재생 완료와 버퍼링 완료의 범위 
4.14.1 재생된 범위와 버퍼링 완료 범위를 파악하기
4.14.2 버퍼 삭제 
4.15 탐색 
4.15.1 탐색 상태 파악하기 
4.16 음량 조절
4.16.1 음량 변경하기 
4.17 오류 처리
4.17.1 오류 파악하기 
4.18 이벤트 
4.18.1 미디어 요소의 이벤트
4.18.2 로딩부터 재생 전까지의 이벤트
4.18.3 재생 및 일시 정지에서 발생하는 이벤트
4.18.4 조작에 의한 이벤트 
4.18.5 오류에 의한 이벤트 
4.19 커스텀 플레이어 
4.19.1 더 편리한 기능을 포함한 플레이어 만들기 
4.20 비디오와 Canvas의 조합
4.20.1 Canvas 안에 비디오 넣기
4.21 자막 넣기
4.21.1 비디오나 오디오에 자막 넣기
 
CHAPTER 05 텍스트 편집 
5.1 편집 가능한 문서와 요소
5.1.1 웹 콘텐츠의 텍스트 편집
5.1.2 요소를 편집 가능하게 하기 
5.1.3 문서 전체를 편집 가능하게 하기 
5.2 Text Selection API 
5.2.1 선택한 텍스트 정보 얻기
5.2.2 선택한 영역 추출하기
5.2.3 복수 영역 선택하기 
5.2.4 선택 영역의 시작 위치와 종료 위치 
5.2.5 선택 영역의 지정과 해제
5.2.6 선택 영역을 해제하고 커서의 위치 이동하기
5.2.7 여러 개의 선택 영역 다루기
5.3 Editing API
5.3.1 WISYWIG 편집기를 구현하는 Editing API
5.3.2 생성되는 HTML 코드 
5.3.3 iframe을 사용하는 이유 
5.4 명령 
5.4.1 commandID 
5.4.2 볼드체 
5.4.3 이탤릭체
5.4.4 아래 첨자 
5.4.5 위 첨자
5.4.6 커서 앞의 문자를 제거 
5.4.7 커서 뒤의 문자를 제거 
5.4.8 이미지 삽입
5.4.9 HTML 코드 삽입 
5.4.10 텍스트 삽입
5.4.11 줄바꿈 삽입
5.4.12 순서 목록 삽입
5.4.13 비순서 목록 삽입 
5.4.14 블록 요소의 치환 
5.4.15 블록 분할 
5.4.16 링크 생성 
5.4.17 링크 해제 
5.4.18 전체 선택 
5.4.19 선택 해제 
5.4.20 실행 취소 
5.4.21 다시 실행 
5.5 커스텀 WISYWIG 편집기
5.5.1 Text Selection API와 Editing API를 사용한 WISYWIG 편집기 
 
CHAPTER 06 드래그 앤 드롭
6.1 드래그 앤 드롭의 개요 
6.1.1 드래그 앤 드롭 API
6.2 드래그 앤 드롭의 이벤트
6.2.1 드래그 앤 드롭의 이벤트
6.3 기본 액션
6.3.1 기본 액션이란 무엇인가 
6.4 임의의 요소를 드래그하기 
6.4.1 draggable 속성
6.5 선택한 텍스트를 드래그하기
6.5.1 선택한 텍스트의 드래그 앤 드롭 
6.6 데이터 전송 
6.6.1 데이터 전송에 관한 API 
6.7 다른 애플리케이션과의 연동
6.7.1 브라우저 이외의 애플리케이션과의 데이터 송수신
6.8 드래그 중인 아이콘을 지정
6.8.1 드래그 중인 아이콘 
6.9 선택 텍스트의 드래그 포인터
6.9.1 드래그 중인 마우스 포인터를 변경하기
6.10 PC의 파일을 드롭하기 
6.10.1 PC에 있는 파일을 드롭 
 
CHAPTER 07 File API
7.1 File API란
7.1.1 PC의 파일을 스크립트로 읽기 
7.2 File 객체
7.2.1 파일 정보 얻기
7.3 FileReader 객체 
7.3.1 파일 데이터 읽기 
7.4 이벤트 
7.4.1 파일을 읽는 과정에서 발생하는 이벤트
7.5 로드 상태
7.5.1 파일을 읽는 상태를 파악하기
7.6 파일 로드의 진행률
7.6.1 실시간으로 파일 읽기 처리의 진행률을 표시하기
7.7 오류 처리
7.7.1 오류의 원인 파악하기
7.8 파일 URI 생성하기
7.8.1 고유 URI를 생성하기
 
CHAPTER 08 웹 워커
8.1 웹 워커란
8.1.1 웹 워커란 무엇인가 
8.1.2 프로세스, 스레드, 워커
8.1.3 블로킹 
8.2 웹 워커 퀵 스타트 
8.2.1 웹 워커의 사용 방법
8.3 웹 워커의 용도
8.3.1 웹 워커는 어디서 사용하는가
8.3.2 Ajax를 이용한 동적인 콘텐츠 로드 
8.3.3 자동 완성 
8.3.4 로직 분리 
8.4 Worker 생성자와 Worker 객체 
8.4.1 Worker 객체 얻기 
8.4.2 메시지 보내기 
8.4.3 워커 종료 
8.4.4 이벤트 핸들러 
8.5 워커의 전역 범위
8.5.1 전역 범위란 무엇인가
8.5.2 메시지 보내기 
8.5.3 워커에서 외부의 자바스크립트의 파일 로드하기 
8.5.4 이벤트 핸들러 
8.5.5 워커의 종료
8.5.6 브라우저 정보 얻기 
8.5.7 워커 자바스크립트 파일의 URL 정보 얻기
8.5.8 타이머 
8.6 웹 워커에서 이용할 수 있는 다른 API 
8.6.1 워커 안에서 사용할 수 있는 API
8.7 워커를 여러 개 실행하기
8.7.1 워커를 여러 개 실행하기
8.7.2 웹 워커의 성능
8.8 공유 워커
8.8.1 전용 워커와 공유 워커 
8.8.2 공유 워커의 사용법 
8.8.3 페이지의 API
8.8.4 공유 워커의 API
8.8.5 공유되는 값과 공유되지 않는 값 
 
CHAPTER 09 Geolocation API 
9.1 Geolocation API란
9.1.1 Geolocation API란 무엇인가 
9.1.2 사용 허가 
9.1.3 측지계 
9.2 Geolocation API 퀵 스타트 
9.2.1 위치 정보 얻기
9.3 현재 위치 얻기
9.3.1 getCurrentPosition() 함수
9.3.2 위치 정보를 얻었을 때의 처리 
9.3.3 위치 정보를 얻지 못했을 때의 처리 
9.3.4 옵션 매개변수 
9.4 위치 정보를 연속해서 얻기
9.4.1 연속해서 위치 정보 얻기
9.4.2 GPS 고도
9.4.3 실시간 감시의 정지 
 
INDEX
 
지은이 소개

공부하는책 소스 어떻게 다쳐보라는건지..이책만 몇날몇일 보라는건지.. 디버깅 실력을 키워주련는건지.. 이해가 안되는 부분이네요..책내용자체는 좋습니다.

앞으로 자바스크립트+HTML5을 이용하여 홈페이지와 웹을 사용하게 될 거라 생각한다. 특별한 플러그인(대표적으로 플래시, 실버라이트..) 없이 동작하도록 하는 이러한 HTML5는 HTML4와 XHTML 이후 오랜만에 표준으로 자리를 잡아갈 것이다.
이 책에서는 이러한 HTML5에 대해 핵심적인(주로 많이 쓰이는) 부분들에 대해 알려주고 있다. 자바스크립트에 대해 기본적으로 아는 독자이면 쉽게 이해하고 받아듣일 수 있지만, 그렇지 않은 경우 자바스크립트+HTML5라는 비슷한 디자인의 한빛미디어 책을 먼저 보기를 권유한다.

깔끔한 디자인과 IE9부터 5가지의 웹브라우저의 지원 여부를 관련 API를 설명하면서 함께 보여주어 개발에 있어 참고할 수 있도록 돕고 있다. 현재로써는 이것이 HTML5의 단점이기는 하지만, 2~3년 안에는 대부분의 웹브라우저에서 통일되게 지원될 수 있을 거라 믿는다.

이 책의 내용 구성상 있어 아쉬운 점은 위의 웹브라우저 아이콘(마크)이 작게 혹은 깨져서 인쇄되어 있는 느낌이 들어 눈에 확 들어오지는 않는다는 점이다.(칼라가 아닌 점도 아쉽지만) 또한, 한 페이지의 좌우를 볼 때 우측의 페이지 여백이 많이 남아 다소 파본 같은 인상도 없지 않다.

전체적으로 HTML5을 접해본 기획자/개발자/디자이너에게 정해진 웹브라우저에 맞게 적용하여 쉽게 보고 따라할 수 있는 점(+예제)이 가장 장점이라고 생각하고 이 책을 통하여 HTML5의 저변이 넓어지기를 기원한다.

웹에대한 사전지식이 많지 않아 공부를 한다는 생각으로 이책을 선택하였다.
우선 책을 처음 보는 순간 표지의 색상과 디자인이 깔끔하고 세련된 느낌이며 속지도 광택이 나는 얇은 종이가 마음에 들었다.

태그 몇개 아는정도의 수준이라 (왕초보 입니다^^) 처음에 어려울것이라 생각해서 몇페이지 읽지 못했다.
한참만에 마음을 다잡고 읽어내려가니 DOM트리부터 객체에 대한 설명으로 코팅의 첫줄부터 어떻게 써야하는지의 배경지식을 써가면서 스크립트의 주석이 너무 상세히 설명되어있어 스크립트를 보는것만으로도 어떻게 구현되는지가 그려지면서 함수하나하나의 기능을 알아갈수 있었다. 또한 실행결과가 모두 있어 확실하게 이해를 더해준다.

함수별로 지원되는 브라우저를 표로 보기편하게 제시하여 기능의 차이를 이해해가면서 HTML5의 다양한 함수들을 만나볼수 있는 책이다. 초보수준이라 단기간에 많은분량을 보기는 힘들지만 천천히 읽어내려가면 HTML5 입문자들에게도 충분히 이해할수 있는 유용한 책이다.
다만 한번으로 덮을수 없는 아쉬움이 있는 부분은 접착메모를 이용하여 책갈피를 해놓는것을 추천하고 싶다.

급변하는 웹의 속도에 발맞춰갈 독자들에게 하루빨리 HTML5를 이책으로 접하기 바란다.

차세대 마크업 랭귀지 HTML 5
기존의 HTML 4.0에 대한 차기 표준으로 플러그인 기반의 인터넷 어플리케이션에 대한 필요를 줄여줄수 있으며, 다양한 브라우저들이 지원을 하고 있다는 HTML5를 개요/개념이 아닌 실제적으로 보여주고 있다.
입문서가 아닌 실제적인 활용서 수준으로 HTML 5만의 특징인 상호운용의 향상성위한 세부 작업 모델, 새로운 문서 구성 및 제공되는 API에 대한 간략한 설명후, 사전처럼 바로 주요 API에 대해서 설명되고 있다.

중용한 API 중 캔버스, Video/Audio, 웹폼, Geolocation, 워커, 파일 API에 대해서 설명이 되고 있다.
무엇보다 이책의 장점은 단순 설명이나, 소스 코드의 나열이 아니라, 각 브라우저마다의 차이점과 지원에 대한 설명과, 그 결과화면을 보여주고 있다는 것이다. 각 목차마다, API에 해당하는 함수에 대해서 표로 정리되어 있으며, 마지막 페이지에는 결론을 서술하고 있다. 중간중간 설명문장마다 현재의 지원버전은 이러하며, 표준화는 진행중이며..라는 표현으로 최대한 현재의 동향에 대해서도 언급이 되어 있다.

전체적인 구성이 단지 따라할수도 있으며, 눈으로만 보아도 중간과정과 결과에 대한 이해의 흐름도, 브라우저상에서의 웹의 연계 과정이 그려지고 있다.

후반부, 파일 API에 대한 설명은 전 챕터와도 연계하여 설명되고 있으며, Golocation같은 경우는 많은 부분이 궁금해할 부분과 비록 책에서는 다루어지지는 않았지만, 연계되는 API에 대한 언급이 정말 이 책의 세세한 구성을 보여주는 듯하다.

과연 한빛의 도서답다는 느낌이 들며, 웹 전문서와 더불어 대학교재로도 훌륭하다는 생각이 듭니다.

"사전처럼 바로 찾아 쓰는 HTML5 핵심 API"은 제목에서 알려주듯 HTML5 기초 서적이 아닌
다양한 API에 대해서 알려주는 책으로 대상 독자를 언급하는 서두부분에도 나와있듯 입문서라기 보다는
기존 개발자에게도 응용가능한 API 설명서(?)라고 말하고 싶습니다.

총 9개의 챕터고 구성되었으며 기초와 재미있는(?) 구성으로 시작하는 DOM 스크립팅의 기초부터
캔버스, 비디오와 오디오 챕터와 같은 다양한 미디어 요소부터 파일 API와 같은 파일관리 요소까지
다양한 부분에 대해서 설명하며 개발 중간중간 필요한 함수를 빠르게 찾을 수 있도록 인덱스까지
제공합니다.

일단 "사전처럼 바로 찾아 쓰는 HTML5 핵심 API"은 HTML5를 배우고자 하는 분들에게는
조금 어려운 책으로 보인다는 것이 아마도 유일한 단점이라고 생각되지만 HTML5를 약간만 공부하며
그리 어렵지 않게 활용 할 수 있을 정도로 짜임새 있게 구성되어있다고 생각됩니다.

"의자에 앉아서 바로 손으로 잡을 수 있는 거리에 두고 싶은 책"

우선, HTML5 핵심API 책은 평점 5점이 아깝지 않는 매우 잘 만든 책이다.

IT활용서라기보다는 제목처럼 사전에 가까울 정도로 HTML5 API가 잘 정리되어 있는 책으로 누구나 쉽고 빠르게 원하는 API를 찾아서 활용할 수 있도록 되어 있다. 특히, HTML5의 API를 활용한 예제소스들은 군더더기가 없어 어느정도 기본소양이 있으면 간단히 책을 훑어보는 것으로 API를 쉽게 활용할 수 있도록 되어 있는 점이 매우 마음에 들고 이 책의 최대의 장점이다.

요즘 HTML5가 급부상하면서 HTML5와 관련된 많은 책들이 쏟아지고 있다. 그러나 많은 HTML5 책들이 HTML5의 아주 기초적인 것을 다루거나 또는 새로 추가된 Canvas 기능 같은 멀티미디어 기능에 초점을 맞추어 기획 및 제작되어 HTML5를 전반적으로 심도있게 다루고 싶은 독자에게는 아쉬움이 남았었는데 그런 독자에게 이 책을 강력 추천한다.



마지막으로 최근 IT업계에서는 HTML5 전문개발자에 대한 수요는 폭발적으로 증가하고 있는데 HTML5전문개발자들이 매우 부족하다고 한다. IT 업계의 진출을 꿈꾸는 예비IT학도들이 꼭 읽어보아야할 필독서가 아닐까 싶다.

이 책은 국내에 출간된 HTML 5 관련 서적중에서 아마 단연 TOP에 속할 것이라고 생각된다.

그동안, 웹을 사용하는 사람 입장에선 정말 당연했던 것들이 HTML 4를 기준으로 했던 기존의 웹 사이트에선 얼마나 구현하기가 힘들었던 것인지를 안다면 처음부터 웹 개발을 포기했을지 모른다.

이 책은 순수하게 보면, 웹 사용자를 위한 책도 아닐 뿐더러, 웹 디자이너를 위한 책도 아니다.

그럼?

웹 개발자. 그것도 자바스크립트 개발자를 위한 책이다.

웹 개발자로서, 클라이언트 개발에 관심이 있다면 종래에는 자바스크립트 라이브러리를 사용했었해야 하는 것도 HTML 5에서는 많은 부분을 표준화하고 이용할 수 있게 했다.

하지만 HTML 5에 대해서 잘 알고 있는 사람은 그렇게 많지도 않고, 웹 상에서도 명확하게 정리된 자료를 얻을 수 없다. 그런면에서 책에서도 언급하듯이 이 책은 HTML 5가 어떻게 변하더라도 정리된 자료로서 많은 사람들의 사랑을 받을 책이다.

책의 구성이야 목차를 보면 자신에게 도움이 되는 부분이 어떤 부분인지 알게 될테고, 우선 기존에 폼(form)에 속한 데이터 검사를 자바스크립트로 처리해왔다면 Chapter2에서 폼의 유효성 검사와 폼의 새로운 콘트롤을 소개한다.

기존에 브라우저에 동적인 그림을 표현하기 위해서는 서버측을 불러 호출한 결과로 그림을 그리거나, 혹은 플래시 등을 사용했었는데, Chapter 3에서 안내하는 Canvas를 사용하면 이러한 고민을 다소 날려버릴 수 있게 된다. 실제로 Canvas는 그래프나 특수 이미지를 만들때 자주 사용된다.

Canvas를 실무에 도입해보고 싶다면, 이 책의 Chapter 3가 도움이 될것이다. Chapter 4에서는 비디오와 오디오 관련 내용을 기술하고 있는데..

아직 HTML 5가 명세 작업중인 것을 감안하여 본 도서에서는 그 차이점에 대해서 세세하게 기술하고는 있어서 크로스 플랫폼 개발을 생각해보고 있다면 비디오와 오디오 사용을 심도있게 고민해볼 수 있을 것이다.

이 외에 텍스트 편집과 드래그 앤 드롭은 종래엔 하기 어려웠던 작업을 어떻게 편하게 할 수 있는지 알려준다.

이후 브라우저가 로컬 PC의 파일에 접근해서 어떻게 읽을 수 있는지 보여준다. 하지만 웹 브라우저가 보안 개념에서 샌드박스인걸 감안하면, 이 역시 읽기에 한정하고 있다.

하지만 최근 GMail 등에서 일부 채택하고 있는 면이 있으니 알아둔다면 굳이 ActiveX를 사용하지 않고도 파일을 업로드 할 수 있을 것이다.

그 외, 자주 겪는 일은 아니지만 자바스크립트는 브라우저에서 동작하다 보니 스크립트가 동작하고 있는 동안엔 UI 블로킹 모드에 들어가서 아무런 작업도 못할 수 있는 경우가 있는데 이러한 경우를 해결하기 위해서 웹 워커를 설명한다.

마지막으로 위치 기반에 대한 내용을 기술하며 본 도서는 끝난다,

그런데 사실.. 본 도서를 구입할 생각이라면, 웹 초보자라면 굳이 권하고 싶지 않다. 자바스크립트로 1해 정도는 경험해본 사람이 이 책을 사길 바라고, 웹 개발자라면 레퍼런스 용으로 서가에 꽂혀도 손색이 없을 것이다.

하지만... 정말 없는 경우에 속하지만 소스에 오류가 있는 경우도 있고, 더 다뤄줬으면 하는 것도.. 없어서 약간의 아쉬움이 들기도 한다.

끝으로 본 도서에 대한 평가는? 별 3개. 나로서는 별 3개 이상 줄수는 없을 것 같다. 그에 대한 이유는, 별 3개 이상을 줄 정도로 구성이 되어있지 않기 때문이다.

감사합니다.^^

결제하기
• 문화비 소득공제 가능
• 배송료 : 2,000원배송료란?

배송료 안내

  • 20,000원 이상 구매시 도서 배송 무료
  • 브론즈, 실버, 골드회원 무료배송
닫기

리뷰쓰기

닫기
* 상품명 :
사전처럼 바로 찾아 쓰는 HTML5 핵심 API
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

글이나 이미지/사진 저작권 등 다른 사람의 권리를 침해하거나 명예를 훼손하는 게시물은 이용약관 및 관련법률에 의해 제재를 받을 수 있습니다.

1. 특히 뉴스/언론사 기사를 전문 또는 부분적으로 '허락없이' 갖고 와서는 안됩니다 (출처를 밝히는 경우에도 안됨).
2. 저작권자의 허락을 받지 않은 콘텐츠의 무단 사용은 저작권자의 권리를 침해하는 행위로, 이에 대한 법적 책임을 지게 될 수 있습니다.

오탈자 등록

닫기
* 도서명 :
사전처럼 바로 찾아 쓰는 HTML5 핵심 API
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
사전처럼 바로 찾아 쓰는 HTML5 핵심 API
구입처*
구입일*
부가기호*
부가기호 안내

* 온라인 또는 오프라인 서점에서 구입한 도서를 인증하면 마일리지 500점을 드립니다.

* 도서인증은 일 3권, 월 10권, 년 50권으로 제한되며 절판도서, eBook 등 일부 도서는 인증이 제한됩니다.

* 구입하지 않고, 허위로 도서 인증을 한 것으로 판단되면 웹사이트 이용이 제한될 수 있습니다.

닫기

해당 상품을 장바구니에 담았습니다.이미 장바구니에 추가된 상품입니다.
장바구니로 이동하시겠습니까?

자료실

최근 본 상품1