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

한빛출판네트워크

모던 웹을 요리하는 초간편 HTML5 Cookbook : 자바스크립트 API, 로컬 저장소, 접근성, 지오로케이션

한빛미디어

번역서

절판

  • 저자 : 크리스토퍼 슈미트 , 카일 심슨
  • 번역 : 한선용
  • 출간 : 2012-08-17
  • 페이지 : 320 쪽
  • ISBN : 9788979149401
  • 물류코드 :1940
  • 초급 초중급 중급 중고급 고급
4.3점 (3명)
좋아요 : 28
필요한 기능만 찾아서 바로 쓰는 HTML5 컨닝 페이퍼

더 이상 원하는 HTML5 기능을 찾으러 웹을 떠돌아다닐 필요가 없다. 시맨틱 마크업(Semantic Markup), 폼(Form), 오디오/비디오(Native Audio/Video) 요소부터 지오로케이션(Geolocation), 자바스크립트(JavaScript) API 관련 기술까지 95가지 다양한 레시피 중 필요한 HTML5 기능을 빠르게 찾아 쓰면 된다.

개발자가 실질적으로 부딪치는 문제와 해결책을 담은 HTML5 문제해답집

HTML5를 구현하며 발생하는 사소한 장애부터 기술적인 어려움까지, 웹/모바일 개발자가 매일 부딪히는 다양한 문제를 단 몇 줄의 간단한 설명과 코드로 오늘 바로 해결한다.
  • HTML5를 지원하지 않는 브라우저에서도 모더나이저(Modernizer)로 구현하기
  • 더 간결해진 HTML5 폼(Form) 요소 활용하기
  • 네이티브 오디오(Native Audio)와 비디오(Native Video) 구현 노하우
  • HTML5에 ARIA 접근성 가이드라인 적용하기
  • 지오로케이션 데이터를 웹앱(Web App)에 이용하기
  • canvas 요소로 그린 이미지에 투명도와 그레이디언트(Gradient) 적용하고 패턴 추가하기
  • 웹 워커(Web Worker), 웹 소켓(Web Socket) 등 고급 HTML5 자바스크립트 기능 활용하기
"자세한 레퍼런스로 한 단계씩 공부할 수 있는 책은 많지만, 지금 바로 일을 시작해야 한다면 이 책을 선택하세요."
- 벤 헤닉, 『HTML & CSS: The Good Parts』(O"Reilly, 2011) 저자
크리스토퍼 슈미트 저자

크리스토퍼 슈미트

크리스토퍼 슈미트는 1993년부터 웹 관련 일을 했습니다. 미디어 이벤트와 디자인, 출판 회사인 Heatvision.com의 책임자이며 텍사스 오스틴에 거주하고 있습니다. 슈미트는 OSCON, SXSW 인터랙티브, AIGA 컨트롤, CSS 서밋 같은 컨퍼런스에서 웹 디자인과 웹 표준 기반 개발에 대해 자주 강연하고 있습니다. 『Professional CSS』(John Wiley & Sons, 2005), 『Adapting to Web Standards』(New Riders, 2008), 『CSS Cookbook』(O"Reilly, 2009) 등을 집필했습니다. 그의 개인 사이트는 http://christoperschmitt.com 입니다.
카일 심슨 저자

카일 심슨

자바스크립트 시스템 설계자이며 텍사스 오스틴에 삽니다. 카일은 사용자 경험에 매우 관심이 많은데 특히 사용자 인터페이스를 최적화해서 반응성 높고 효율적이며 안전하면서도 확장 가능하게 만드는 일에 집중하고 있습니다. 카일은 자바스크립트가 컴퓨터 언어의 최종 진화라고 생각하며 자바스크립트로 더 많은 것을 구현할 수 있도록 항상 노력합니다. 또한 LABjs와 HandlebarJS/BikechainJS, flXHR 등의 여러 가지 오픈 소스 프로젝트에 참여하고 있으며 SWFObject의 핵심 멤버입니다.
한선용 역자

한선용

웹 표준과 자바스크립트에 관심이 많은 번역가입니다. 2008년부터 웹과 관련된 일을 했으며, ‘WCAG 2.0을 위한 일반적 테크닉’ 등의 공개 문서를 번역해 웹에 게시했습니다. 한빛미디어에서 『파이썬 크래시 코스』(2023), 『엑셀이 편해지는 파이썬』(2022), 『파이썬으로 웹 크롤러 만들기』(2019) 등을 번역하며 활발하게 활동하고 있습니다.
 

01장 기본 문법과 의미
  1.0 소개
  1.1 DOCTYPE 명시하기 
  1.2 문자셋 명시하기
  1.3 언어 명시하기
  1.4 <script>와 <link> 태그 최적화하기
  1.5  HTML5의 새 요소로 문서에 구조 추가하기
  1.6 article? section? 
  1.7 문서 개요 점검하기
  1.8 문서 개요 수정하기
  1.9 텍스트 강조하기 
  1.10 텍스트의 중요성 표시하기
  1.11 참조 목적으로 텍스트 하이라이트하기 
  1.12 스몰 프린트 마크업
  1.13 약어와 두문자어 정의하기
  1.14 블록 레벨 콘텐츠에 링크 걸기
  1.15 그림과 캡션 마크업
  1.16 날짜와 시간 마크업
  1.17 브라우저가 지원하는 펼치기와 접기 
  1.18 목록 순번 조절하기
  1.19 나중에 보일 콘텐츠 숨기기 
  1.20 페이지 일부만 편집하기
  1.21 네이티브 드래그 앤 드롭
 
02장 점진적 마크업과 테크닉
  2.0 소개
  2.1 더 의미있는 마크업
  2.2 마크업 스타일 선택
  2.3 브라우저의 HTML5 지원 이해
  2.4 IE가 HTML5 요소를 인식하도록 만들기 
  2.5 자바스크립트를 이용한 HTML5 기능 확인
  2.6 HTML5 템플릿 사용
  2.7 HTML5 유효성 검사
  2.8 HTML5 요소에 ID와 클래스 쓰기
 
03장 폼  
  3.0 소개
  3.1 search 필드 만들기
  3.2 연락처 정보 필드
  3.3 날짜와 시간 필드 활용  
  3.4 숫자 입력
  3.5 범위 안에서 숫자 선택  
  3.6 색상 선택
  3.7 콤보박스 만들기
  3.8 폼 필드를 필수적인 것으로 만들기
  3.9 폼 필드에 자동으로 포커스 주기
  3.10 플레이스홀더 텍스트 표시
  3.11 자동완성 끄기
  3.12 값 제한하기
  3.13 HTML5를 오래된 브라우저에서 동작하게 만들기
  3.14 자바스크립트를 이용해 오래된 브라우저에서 폼 데이터 검사하기 
  3.15 예제: 샘플 폼
 
04장 네이티브 오디오
  4.0 소개
  4.1 HTML5 오디오
  4.2 오디오 흐름 조작하기
  4.3 자바스크립트로 audio 생성하기
  4.4 canvas 요소를 써서 audio 시각화하기
  4.5 샘플 디자인: 커스텀 오디오 플레이어
 
05장 네이티브 비디오
  5.0 소개
  5.1 HTML5 비디오
  5.2 다양한 브라우저에서 비디오를 지원하도록 만들기
  5.3 비디오 크기 설정
  5.4 비디오를 재생하기 전에 플레이스홀더 이미지 표시하기  
  5.5 비디오 반복 재생하기
  5.6 샘플 디자인: canvas 요소로 비디오 조작하기  
 
06장 마이크로데이터와 커스텀 데이터
  6.0 소개
  6.1 마크업에 마이크로데이터 추가  
  6.2 마이크로데이터와 Schema.org
  6.3 마크업에 커스텀 데이터 추가하기  
  6.4 자바스크립트로 커스텀 데이터에 접근하기
  6.5 커스텀 데이터 조작
  6.6 예제: 커스텀 데이터를 이용한 지도 애플리케이션 제작
 
07장 접근성  
  7.0 소개
  7.1 적절한 대체 텍스트 작성하기
  7.2 두문자어와 약어 설명하기
  7.3 ARIA 표지판 역할로 페이지 섹션 정의하기
  7.4 더 접근성 있는 내비게이션 링크 만들기
  7.5 폼 필드와 레이블 연결
  7.6 폼 필드를 논리적으로 묶기
  7.7 필드셋을 동적으로 만들기  
  7.8 폼 필드를 필수적인 것으로 표시하기
  7.9 ARIA 동적 영역을 이용해 동적 콘텐츠가 업데이트되었을 때 알리기
 
08장 지오로케이션
  8.0 소개
  8.1 기본적인 지오로케이션 데이터 얻기
  8.2 폴백으로 기본적인 지오로케이션 데이터 얻기
  8.3 위도와 경도가 있는 주소를 역으로 지오코딩하기
  8.4 주소를 위도와 경도로 바꾸기
  8.5 현재 위치로부터 특정 주소의 방향 얻기
  8.6 예제: 스타벅스에서 스타벅스로
 
09장 canvas 요소  
  9.0 소개
  9.1 canvas에 그리기
  9.2 투명도 이용하기
  9.3 canvas 요소의 크기 지정
  9.4 그레이디언트와 패턴, 선 스타일
  9.5 canvas 그림에 외부 이미지 불러오기
  9.6 색상 변형 설정하기
  9.7 위치 변형
  9.8 canvas 요소에서 텍스트 사용
  9.9 canvas 그림 자르기
  9.10 canvas 요소의 그림 애니메이트 
  9.11 canvas 요소로 그래프 그리기
  9.12 canvas 그림을 파일로 저장하기
 
10장 고급 HTML5 자바스크립트
  10.0 소개
  10.1 로컬 스토리지
  10.2 애플리케이션 캐싱
  10.3 드래그 앤 드롭
  10.4 웹 워커  
  10.5 웹 소켓 
  10.6 히스토리  
  10.7 로컬 파일  

 

책의 구성 스타일이 문제 => 해결 => 설명 부분으로 구성이 되어있다

html5에 대한 질문에 대해 문제풀이식으로 질문을 하고 그에 대한 답을 제시한 후 그러한 설명을 해주는 구성이다.

첨엔 이런 구성이 전체적인 내용들을 지나칠 수 있는것이 아닌가 걱정됐지만 목차를 거듭할 수록 오히려 내용이 눈에 잘 들어왔다.

html 4.01의 차기 버전인 html5는 기존 버전에 비해서 추가된 기능들이 많다~!

특히 canvas라는 태그는 움직이는 그림을 그릴 수도 있다. 얼마전에 일본사이트에서 플래시 처럼 자연스러운 움직임이 보이는 것을 우연히 봤는데 마우스 오른쪽 버튼을 눌러서 확인해보니 플래시로 만든게 아니었다.

아마도 canvas를 이용한 사이트로 추정된다~! 그 사이트를 보면서 html5의 앞으로의 영향력이 커질거란 느낌이 예상됐다~!

책을 다 읽었을때의 느낌은 html5의 summary같은 느낌이랄까? 요약정리가 잘 되어있어서 기존에 사용자들이 큰 거부감없이 html5에 대한 흥미와 공부를 할 수 있는 책이라고 생각된다

한가지 아쉬운 점은 지도관련 API에서 미국번역서다 보니 구굴의 예를 들어 설명하는 것도 좋지만 한국의 독자들은 네이버나 다음의 지도를 이용한 내용도 살짝 다루어 주었으면 하는 아쉬움이 있다.

기본적인 내용부터 HTML5의 호기심을 자극할만한 고급기능까지, 수십여개의 질문에대한 답을 담고있다. 이 책을 통해 기존에 사용하던 태그의 의미가 어떻게 달라졌고, 얼마나 많고 흥미로운 태크가 새롭게 추가되었는지 알 수 있을 것이다. 설사, 이에 관심이 없다 하더라도, HTML5로 어떤 것들을 할 수 있는지 알게된다는 것은, 앞으로 변화될 웹환경의 미래를 짐작하고 대비하는데 분명한 도움이 될 것이라 생각한다. 아직, 완성되지않은 HTML5의 특성상, 각 브라우저별로 상이한 구현을 위한 호환성 문제를 우회하기위한 방법도 비교적 자세히 설명하고 있다.

기본적으로 HTML, JavaScript의 백그라운드를 요구하며, 책의 특성상 HTML5의 모든부분을 커버하지는 않으므로, HTML5를 온전히 학습하기위해서는 좀 더 두툼한 책을 골라야 한다.

HTML5에 대해서 딱 내가 원하는 내용을 다루어준 책이었다.
이 책은 HTML5로 웹페이지를 어떻게 잘 마크업 할지에 대한 내용만을 다루며, 예쁘거나 동적인 웹페이지를 만드는 방법은 전혀 다루지 않는다. 그런 내용을 원한다면 CSS3나 Javascript 책을 따로 사서 읽어봐야 할 것이다. 최근에는 HTML + CSS + Javascript + jQuery 가 한권으로 나오는 책들이 많이 보이는데 나는 경험상 그런 책들보다 이렇게 한 내용에 대해서만 집중해서 다루는 책이 훨씬 배울 것이 많았었다.

이 책은 HTML5에서 새로 추가된 내용들을 간단하지만 알차게 다루어 주는데 조금 부족한 듯한 내용에서는 꼭 저자가 그 역사나 배경, 혹은 HTML4를 위한 fallback 처리에 대해서 설명을 해주기도 하고, 간간히 나오는 역자의 첨언들 또한 모두 유용하고 적절한 곳에 첨가되어 읽는 내내 아주 상쾌했다. Cookbook 답게 두껍지 않고 내용도 어렵지 않다. 책을 받고서는 예제도 실행해보며 처음부터 끝까지 집중력 있게 (6시간 정도를 투자해서) 한번에 읽을 수 있었다. 단, 예제코드가 full html 파일들로 제공되지 않고 text 파일로 부분 코드조각들만 제공되어 코드를 복사해서 붙여넣으면서 실험해봤어야 했는데 이는 성가신 점이었다.

다 읽은 후 이것 저것 배운 것이 많아 뿌듯하다. HTML5에 관심있는 사람들은 이 책을 꼭 선택해서 읽어보기 바란다. 한번 편안하게 끝까지 쭉 읽어보고 나중에 필요할 때 참고 도서로 사용하면 아주 좋은 책이다.

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

배송료 안내

  • 20,000원 이상 구매시 도서 배송 무료
  • 브론즈, 실버, 골드회원이 주문하신 경우 무료배송

무료배송 상품을 포함하여 주문하신 경우에는 구매금액에 관계없이 무료로 배송해 드립니다.

닫기

리뷰쓰기

닫기
* 도서명 :
모던 웹을 요리하는 초간편 HTML5 Cookbook : 자바스크립트 API, 로컬 저장소, 접근성, 지오로케이션
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

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

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

오탈자 등록

닫기
* 도서명 :
모던 웹을 요리하는 초간편 HTML5 Cookbook : 자바스크립트 API, 로컬 저장소, 접근성, 지오로케이션
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
모던 웹을 요리하는 초간편 HTML5 Cookbook : 자바스크립트 API, 로컬 저장소, 접근성, 지오로케이션
구입처*
구입일*
부가기호*
부가기호 안내

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

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

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

닫기

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

자료실