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

한빛출판네트워크

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

Head First HTML5 Programming: 웹 표준으로 만드는 생동감 있는 웹 애플리케이션

한빛미디어

번역서

판매중

  • 저자 : 에릭 프리먼 , 엘리자베스 롭슨
  • 번역 : 홍형경
  • 출간 : 2012-07-28
  • 페이지 : 616 쪽
  • ISBN : 9788979149326
  • 물류코드 :1932
  • 초급 초중급 중급 중고급 고급
3점 (1명)
좋아요 : 43
사용자와 대화하고 데이터가 풍부한 동적인 웹 페이지를 만들고 싶은가요?

그렇다면 이 책이 제공하는 HTML5의 핵심적인 내용을 이해하세요. 기본적인 HTML5의 새로운 API뿐만 아니라 이런 API가 여러분의 페이지와 어떤 식으로 상호작용하는지, 자바스크립트를 활용하면 얼마나 개선되는지 등 다양한 내용을 배울 수 있어요. PC뿐만 아니라 모바일 장치에 쉽게 적용할 수 있는 최신 기술을 이용하면 정말 멋질 거예요. 여러분도 위치 정보, 비디오, 2D 이미지, 웹 저장소, 웹 워커 같은 최신 HTML5 기술을 이용할 수 있다고요!

세상에, 이런 HTML5 프로그래밍 책이 있다니 믿을 수가 없어요!

이 책은 HTML5와 자바스크립트로 대화식 웹 페이지, 웹 서비스뿐만 아니라 HTML5의 새로운 API를 이용해 웹 애플리케이션을 개발할 수 있는 완벽한 지침서입니다. 지루하고 딱딱한 강의가 아닌 만화가 있는 스토리텔링으로 HTML5와 자바스크립트를 이해할 수 있지요. 같은 개념이 여러 번 반복 등장하기 때문에 이 책을 다 읽었을 때는 배운 것을 최대한 많이 기억할 수 있을 거예요! 십자 퍼즐, 브레인 파워, 연습문제 등 다양한 학습요소로 재미있게 배우세요!

대상 독자
  • HTML, CSS 기초 내용을 이해하고 있는 학생
  • 자바스크립트를 배우려는 개발자 및 학생
  • 웹 애플리케이션 개발에 관심 있는 개발자
에릭 프리먼 저자

에릭 프리먼

예일대학교 컴퓨터공학 박사 학위를 받고 월트 디즈니에서 CTO로 활동했다. 오라일리 미디어에서 〈헤드 퍼스트〉 시리즈를 총괄하며 『헤드 퍼스트 디자인 패턴』 등 다양한 도서를 집필했다. 현재는 개발자를 대상으로 온라인 학습을 제공하는 WickedlySmart에서 학습 콘텐츠를 제작하고 있다.
엘리자베스 롭슨 저자

엘리자베스 롭슨

예일대학교 컴퓨터공학 석사 학위를 받고 다양한 기술 주제로 개인별 워크숍과 온라인 수업을 제작했으며, 사람들이 기술을 이해하는 데 도움이 될 만한 학습 경험을 만드는 일에 몰두했다. 오라일리 미디어에서 특수 프로젝트 책임자로 활동했으며, 현재는 WickedlySmart의 공동 창업자로 다양한 학습 콘텐츠를 제작하고 있다.
홍형경 역자

홍형경

치열한 회사 생활에서 빠져 나와 현재 프리랜서 프로그래머로 일하고 있다. 아직은 IT분야에서 프리랜서란 직업이 외국에서의 그것처럼 인식되지는 않지만, 나름대로 나아가야 할 올바른 방향을 찾고 있는 중이다. 2007년 오라클과 오래간만에 진솔한 대화를 나누고 그 결과를 책 속에 담게 되서 뜻 깊은 한 해를 보낸 것 같다. 2008년의 시작과 함께 많은 사람들에게 사랑받기를 바란다. 이제 다시 새로운 목표를 세워야겠다.

1장
HTML은 혹독한 성장기를 거쳤습니다. 미미한 마크업 언어로 출발했지만, 최근 HTML은 중요한 존재로 거듭났습니다. 이제 우리는 로컬 저장소, 2D 그래픽, 오프라인 지원, 소켓, 스레드 등을 이용해서 진정한 웹 애플리케이션을 만드는 데 최적화된 언어를 갖게 되었습니다. 항상 좋은 일만 있었던 것은 아니었지만, HTML의 과거는 한편의 드라마였습니다(그 이유는 곧 알게 될 거예요). 이 장에서는 "HTML5"에 관한 모든 것에 감을 잡기 위해 웹마을로 여행을 떠날 것입니다. 3.8 페이지만 읽으면 HTML5의 초보딱지를 뗄 수 있어요.

2장
자바스크립트가 여러분을 새로운 곳으로 안내할 것입니다. 여러분은 이미 HTML 마크업(구조)과 CSS 스타일(프리젠테이션)의 모든 것을 알고 있습니다. 하지만 자바스크립트(동작)가 빠졌네요. 여러분이 구조와 프리젠테이션의 모든 것을 알고 있다면(물론 그렇다고 확신합니다) 멋진 페이지를 만들 수 있겠지만, 이걸로는 단지 페이지만 만들 수 있을 뿐입니다. 자바스크립트를 이용해서 동작을 추가하면 상호작용하는 페이지뿐만 아니라 완벽한 웹 애플리케이션까지 만들 수 있습니다. 여러분의 웹 툴킷에서 가장 흥미롭고 융통성 있는 기능을 추가할 준비가 되었나요? 자바스크립트와 프로그래밍 세계에 빠져 봅시다!

3장
여러분은 아직 사용자와 접촉하지 않았습니다. 여러분은 자바스크립트의 기초를 배웠지만 이를 바탕으로 사용자와 상호작용할 수 있을까요? 페이지가 사용자의 입력에 반응할 때, 페이지는 더 이상 문서가 아니라 살아 있는 존재가 되며, 애플리케이션으로 거듭납니다. 이 장에서 여러분은 사용자가 입력한 폼을 처리하고 구식 HTML

요소를 실제 코드로 연결하는 법을 배울 것입니다. 약간 위험하면서도 강력한 기능이죠. 안전벨트를 단단히 매세요. 이 장은 전개가 빠릅니다. 백지상태에서 상호작용하는 애플리케이션까지 핵심만 골라 쏜살같이 달려갈 거예요.

4장
여러분 자신을 스크립트 작성자라고 부를 수 있나요? 그럴지도 모르죠. 여러분은 이미 자바스크립트를 잘 알고 있습니다. 프로그래머가 될 수 있는데도 굳이 스크립트 작성자가 되길 원하는 사람은 아무도 없을 겁니다. 이제는 진지하게 심혈을 기울여야 할 시간이 왔습니다. 바로 함수와 객체를 배울 때가 된 거죠. 함수와 객체는 좀 더 강력하고 구조적이며 관리가 수월한 코드를 작성하는 데 핵심적인 존재입니다. 또한 HTML5 자바스크립트 API에서도 두루두루 사용되고 있습니다. 함수와 객체의 이해도가 증가할수록 좀 더 빨리 새로운 API로 건너가서 이들을 정복할 수 있습니다. 이 장에 발을 들여놓은 이상, 혼신을 다해 파고들어야 할 겁니다.

5장
어디를 가더라도 그곳에는 여러분이 있습니다. 때로는 자신의 위치를 파악하는 것이 큰 차이를 만들어 냅니다. 특히 웹 애플리케이션에서는 더 그렇습니다. 이 장에서는 위치를 인식하는 웹 페이지를 생성하는 방법을 소개할 것입니다. 때로는 사용자들이 서 있는 곳을 모퉁이까지 정확히 짚어낼 수도 있고, 때로는 사용자들이 있는 지역이 어딘지 결정할 수 있을 겁니다(물론 어느 도시인지도 알 수 있습니다!). 하지만 기술적인 문제 때문에 또는 사용자들은 일일이 꼬치꼬치 캐묻는 것을 싫어하기 때문에 사용자들의 위치에 관해 결정하지 못하는 것이 있을 수도 있습니다. 어쨌든 이 장에서는 자바스크립트 API인 지오로케이션을 탐색해 볼 겁니다. 여러분이 가진 위치추적 장치(데스크톱 PC도 상관없습니다)를 가지고 시작해 봅시다.

6장
지금까지 페이지에만 너무 오래 머물러 있었습니다. 이제 자리에서 일어나 웹 서비스와 대화를 하고, 데이터를 가져와서, 이 모든 데이터를 섞어 더 나은 경험을 창출할 때가 되었습니다. 이 정도는 되어야 최신식 HTML5 애플리케이션이라고 할 수 있습니다. 하지만 그러기 위해서는 먼저 웹 서비스와 대화하는 방법을 알아야 합니다. 이를 위해 이 장에서는 실제 운영 중인 웹 서비스에서 데이터를 끌어와서 여러분의 페이지에 추가할 것입니다. 일단 대화하는 방법을 터득하면 여러분은 어떤 웹 서비스에도 다가갈 수 있을 것입니다. 웹 서비스와 대화할 때 사용해야 하는 최신식의 새로운 전문용어로 여러분을 무장시켜 드리죠. 자, 어서 따라오세요. 몇 가지 API를 더 배울 것입니다.

7장
HTML이 "마크업" 언어에서 해방됐습니다. 이제 여러분은 HTML5에서 새로 선보인 canvas 요소로 직접 픽셀을 만들어 조작하고 파괴할 수 있는 힘을 갖게 되었습니다. 이 장에서는 canvas 요소를 사용해서 여러분 내면 깊은 곳에 있는 예술가적 기질을 끌어내 것입니다. HTML은 구조만 있을 뿐 프레젠테이션은 없다는 말은 더 이상 통하지 않습니다. 캔버스로 그림도 그리고 색도 칠할 수 있습니다. 이제는 프레젠테이션이 대세입니다. 페이지에 canvas 요소를 추가하는 방법, 텍스트나 그림을 그리는 방법(물론 자바스크립트를 사용해서), 심지어 브라우저에서 canvas 요소를 지원하지 않는 경우에도 이를 처리하는 방법도 살펴볼 것입니다. 캔버스는 히트곡이 하나뿐인 가수가 아닙니다. 앞으로 다른 장에서도 많이 등장할 겁니다.

8장
플러그인은 필요 없습니다. 비디오가 HTML 가족의 최고 구성원이 되어, 이제 페이지에 video 요소를 던져 넣기만 하면 거의 모든 장치에서 바로 비디오를 볼 수 있습니다. 하지만 비디오는 그저 단순한 요소가 아닙니다. 비디오 재생을 제어하고, 여러분만의 사용자 정의 비디오 인터페이스를 생성해서 완전히 새로운 방식으로 HTML 요소들과 통합할 수 있는 자바스크립트 API이기도 합니다. 통합에 관해서 말인데요… 이전에 비디오와 캔버스의 관계에 관해서 얘기했었죠? 이 장에서는 비디오와 캔버스가 협력해서 강력하고 새로운 방법을 통해 실시간으로 비디오를 처리하는 방법을 보게 될 겁니다. 또한 비디오를 페이지로 가져와서 재생하는 자바스크립트 API의 역량을 시험해 볼 것입니다. 어서 오세요. 약간의 마크업과, 자바스크립트, 비디오와 캔버스를 사용해서 할 수 있는 일이 무엇인지 알게 되면 깜짝 놀랄 겁니다.

9장
클라이언트 데이터를 조그마한 옷장 쿠키에 밀어 넣는 것에 지쳐버렸나요? 90년대에는 문제가 없었지만, 요즘 웹 애플리케이션은 훨씬 더 큰 용량을 필요로 하고 있습니다. 매일 모든 사용자의 브라우저에서 5메가바이트의 데이터를 받아야 한다면 어떨까요? HTML5 웹 저장소 API가 해결해 줄 겁니다! 마치 사기 치는 것처럼 들릴 수도 있겠지만, 의심할 필요는 없습니다. 이 장에서는 사용자들의 장치에 모든 객체를 저장하고 여러분의 웹 경험에서 활용하는 데 필요한 모든 것을 여러분 앞에 대령하겠습니다.

10장
브라우저가 느려졌는데도 계속 실행하고 싶나요? 웹을 검색하거나 자바스크립트와 함께 충분한 시간을 보내지 못했다면, 아마도 "slow script(느려진 스크립트)"라는 메시지를 본 적이 있을 것입니다. 멀티코어 프로세서가 장착된 최신 컴퓨터에서 어떻게 스크립트가 현저하게 느려진 것일까요? 그 이유는 자바스크립트는 한 번에 오직 한 가지 일만 할 수 있기 때문입니다. 하지만 HTML5, 웹 워커와 함께라면 상황이 돌변합니다. 이제 더 많은 일을 처리하기 위해 여러분 자신만의 자바스크립트 일꾼을 갖출 수 있게 되었습니다. 좀 더 즉각적으로 반응하는 애플리케이션을 설계하고 싶거나 컴퓨터 CPU의 능력을 최대로 끌어올리고 싶다면 웹 워커가 도와줄 것입니다. 이제 자바스크립트 관리자가 되어 웹 워커가 도움이 될 겁니다.

최근 html5 관련 도서를 많이 접해본뒤라서, html5 프로그래밍 쪽도 쉽게 이해할수 있겠지란 생각으로 이책을 접해봤습니다. HEAD FIRST 시리즈 특징되로 가상상황과 인물들을 설정하여 대화하며. 또한 Head First 만의 구성들로 각 챕터별 퀴즈와 독자에게 직간접적인 대화를 전달하는 방식
으로 각 챕터별 상황을 이해할수 있겠구나 생각했습니다.
책의 전체 구성은 HTML5와 자바스크립트를 이용하여 풀어갈 주제를 10개의 챕터로 구분하여 무엇을 이야기할지, 앞페이지에 각 목차별 내용을 목차별 한페이지씩 그림과 글로 설명하고 있습니다. 그러면서 웹에대한 역사와 기본구성도 전문가들은 정리가 되며, 어떤내용을 이야기하겠구나 복선을 제공해줍니다.
자바스크립트와 DOM을 서두로 하여, 이벤트등 상호작용을 열거하면서, 앞에 언급된 자바스크립티를 논하며, 어플리케이션 연동을 통한 구현을 HTML5만의 주요 API의 특성과 함께 보여주고 있습니다.
다만 프로그래밍을 직접 하지 않고, 웹개발을 직접하지 않는 저로서는 책을 접하면서 자바스크립트가 HTML5에서 중요하다는 것을, DOM을 잘 모른다면, HTML5의 주요특징인 지오로케이션, 웹워커, 캔버스, 로컬스토리지 등과 와 Ajax, JSON, 등을 다열거하면서, 이야기를 해야하는 것을 아는 사람이 아니라면, 과연 기존 웹프로그래밍책과 차이점은 뭘까 싶을 정도로 기존 html과의 차이점을 강조시키지 못한 것 같고, 그냥 새로운 언어인가 정도로 느껴지기도 했습니다.
그래서 다른 관점에서 전체 구성/흐름을 생각해보니, 웹을 접하는 초보자를 위한 상세한 설명이 html로 어플리케이션을 구성하는 단계를 설명하기 위해 필수 불가분하겠구나! 란 느낌이 들었습니다.
전체적인 단계별 문제를 제시하고 해결하고, 또 새로운 것을 적용하고 보완/해결해가는 Head First의 특징이 html5만의 중요 기능들의 설명에 부족하지 않았을까 하는 생각도 들었습니다.
하지만, html5을 기본적으로 개념을 접하고 있는 초보자가 처음부터 끝까지 화면상으로 확인하면서 어플리케이션을 구성해보고자하는 초보자들한테는 다소 산만한 구성이긴 하지만 하나하나 주옥 같은 단어들을 천천히 읽어가면서, 따라해본다면 좋은 도서가 될것이라고 생각합니다. 다만 도서에서 풍겨지는 강한 이국적인 느낌. 사람에 따라서 반응이 다양할 것 같은 도서였습니다.
이번 도서를 통해 신기술은 많이 공부해야겠구나란 생각이 들었습니다. ㅎ

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

배송료 안내

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

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

닫기

리뷰쓰기

닫기
* 상품명 :
Head First HTML5 Programming: 웹 표준으로 만드는 생동감 있는 웹 애플리케이션
* 제목 :
* 별점평가
* 내용 :

* 리뷰 작성시 유의사항

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

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

오탈자 등록

닫기
* 도서명 :
Head First HTML5 Programming: 웹 표준으로 만드는 생동감 있는 웹 애플리케이션
* 구분 :
* 상품 버전
종이책 PDF ePub
* 페이지 :
* 위치정보 :
* 내용 :

도서 인증

닫기
도서명*
Head First HTML5 Programming: 웹 표준으로 만드는 생동감 있는 웹 애플리케이션
구입처*
구입일*
부가기호*
부가기호 안내

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

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

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

닫기

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

자료실

최근 본 상품1