한빛미디어에서 최근 출판된 도서.

프로젝트로 배우는

HTML5 + 자바스크립트 리뷰 입니다.

요즘 Web 트랜드를 잘 반영하여... HTML5 에 관련된 책들 참 많이 출판된 것 같습니다.  그래서 책을 선택할 때 고민이 되지 않을 수 없을 듯 합니다.

시간이 많은 경우, 고민하지 않고 다양한 책들을 다 읽어보는 것 도 방법이겠지만, 시간이 별로 없는 경우에는 응용도가 높은 혹은 프로젝트의 한 예제로 기능 설명을 담고 있는 책을 선택하는 것이 좋을 것 같다는 아주 개인적인 생각이 들었습니다.

이번에 읽은 프로젝트로 배우는 HTML5 + 자바스크립트 이 책도 활용도 높은 좋은 예제들로 HTML5 에서 제공하는 (플러그인 없이 멀티미디어를 재생할 수 있는 기능인) canvas, audio, video의 사용 방법을 익힐 수 있도록 구성된 내용이 유익했습니다. 

1장 부터 캔버스를 이용하여 로고를 만듭니다. 비교적 쉬운 예제로 따라하기 쉽고, 한줄 한줄 상세한 설명으로 이해하기도 좋았습니다. 이렇게 1, 2장은 비교적 쉬운 내용으로 아주 흥미로운 예제는 아니지만 캔버스에 대한 이해를 하고, 3장에서는 동영상 클립을 제작하는 예제로 비디오에 대한 이해를 하는 과정으로 비교적 물 흐르듯이 기본 기능의 사용법을 익히게 되는 것 같습니다. 처음부터 어려운 내용이 나오면 좌절하기도 하는데 그런것을 방지하기 위한 예제 인것 같습니다.

4장부터 구글맵을 이용한 프로젝트 예제로 점점 재미의 가속도가 붙는 것 같습니다.  4장 부터 9장까지 각 장 하나하나를 읽어 가면서 무엇인가를 만들어 냈다는 성취감이 생기는 예제로 구성되어 있는 것 같아서 마음에 들었습니다. 이 책의 제목처럼, 프로젝트라고 하면 프로젝트라고 할 수 있겠지만, 저는 그냥 활용도 높은 유익한 예제라고 말하고 싶습니다. 10장은 프로그램과 DB에 대한 기본적인 내용이였던 것 같고요. 

이 책이 정말 세심하다고 느꼈던 점은, 각 장이 처음에는 다루고자 하는 전체적인 내용을 스토리보드처럼 설명하고 나서 그 다음에 코딩을 해 나가면서 세부적인 설명을 아주 자세히 하고 있다는 부분이였습니다. 특히 각 장의 뒷 부분에 전체소스가 죽 있는데 각 라인에 설명이 다 붙어 있는 점은 정말 처음 혼자 공부하는 불들에게 과외공부 하는 기분을 느끼게 하는 섬세함이 아니었나 생각이 됩니다.

잘 모르니까. 배우고 싶으니까. 하나부터 열까지 꼼꼼하게 알고 싶으니까. 혼자서 독학을 해야 하니까. 틈틈히 학습해야 하니까.. 이런 저런 이유들로 기초책을 찾아서 읽다보면, 어떤 어떤 기능들이 HTML5에 포함되어 있구나!! 라는 이해를 하게 되지만, 그래서 이 기능들을 어떻게 이용하고, 응용하고 사용하지?? 까지에 도달하는 책은 그리 많이 않은 것 같습니다. 그러한 점에서 이 책은 활용 및 응용 가능성이 높아 좋았던 것 같습니다. 처음 공부하는 분이라도 설명이 상세하게 되어 있어서 천천히 따라하면 다른 기초 책 들 보다 더 도움이 될것이라는 생각이 듭니다. 단, 자바스크립트를 공부하는 것에 중점을 두고 체계적으로 공부하고 하는 분들은 그냥 참고적으로 보시기에 적당할 것 같다는 생각이 듭니다.

이상으로 리뷰를 마칩니다.

개발자 뿐만 아니라, 일반인들 사이에서도 HTML은 빼놓을 수 없는 기술이다. 이번에 나도 웹에대해 공부를 해볼려고 이책을 보게되었다. 이책은 말그대로 프로젝트를 통해 HTML5와 자바스크립트를 배우게 된다.

보통 전공서적은 이론만 장황하고 실제로 사용하는 코드는 적어서 막상 이론을 알더라도 프로젝트를 시작하면 많은 어려움이 있지만 이 책은 실전에 대한 내용으로 엮어서 실무자들 뿐만 아니라 학생, 일반인들에게도 유용한 책이다. 처음 이 책을 보고 느낀적음 어느정도 HTML을 아는 사람만이 볼 수 있는 중극자용 책이라고 생각되었고 또 명시했지만 소스 옆에 달아놓은 주석으로 이해가 되어 초심자들을 배려한 점이 좋았다. 다만, 조금 아쉬운 점은 소스가 차치하는 페이지가 많아서 더 많은 내용을 담지 못한점이 아쉽다면 아쉽달까? 이 책만 보고 웹 개발자라고 할 만 하겠다.

프로젝트로 배우는 HTML5 + 자바스크립트

＜홈페이지가 만들고 싶은데 막막했다면 추천~!!＞

인터넷은 이제 우리의 삶에서 떼어낼 수 없을 정도로 밀접하게 들어와 있다.

인터넷 서핑을 하다보면 문득 이런 생각이 든다.

“나도 홈페이지 한번 만들어볼까?”

하지만, 어디서부터 시작해야 될지, 막막하고, 또 어떻게 해야 될지 알 수가 없다.

웹 프로그래밍의 기초는 HTML이라고 할 수가 있다. 그리고 HTML로 표현할 수 없는 역동적인 웹페이지를 구현하기 위해 자바스크립트를 접목한다면, 누구나 훌륭한 웹페이지를 구현할 수 있다. 하지만, 그 과정이 너무 복잡하고, 난해하다. 하지만 그 단점을 이 책은 현명하게 파해하고 있다.

＜실전에서 쓰이는 프로젝트를 통해 가르쳐준다!!＞

그렇다면 이 책이 기존의 전공서적들과 다른점은 무엇인가 

기존의 전공서적들이 단순히 함수의 이름을 나열하고 거기에 해당되는 기능을 설명한 것이였다면,

이 책은 큰 하나의 프로젝트를 통해 그 안에 쓰이는 기술을 설명하는 형식으로 구성되어있다.

3장의 움직이는 비디오 클립 파트를 보게 되면, 그 안에

1. 비디오의 프레임을 변경하는 방법

2. 문서안에서 위치를 변경하는 방법

3. 가변적으로 변하는 창을 만드는 방법 등등

실제로 쓰이는 기술을 나열하고, 설명해 준다는 것이 큰 장점이다.

＜프로젝트 결과를 먼저 보여주고 만들기 때문에 목적의식이 있다.＞

처음에 이 책을 펼쳤을떄의 느낌은 이미 어느정도 HTML과 자바스크립트를 아는 사람만이 볼 수 있는 책이라 생각했지만, 한줄한줄 소스 옆에 코멘트를 달아놓은 설명만으로도 쉽게 이해가 되어 초심자도 볼 수 있게 배려한 점이 너무 좋았다.

＜소스 한줄한줄 마다 코멘트를 달아서 어떤 내용인지 쉽게 알 수 있다＞

처음에는 어렵게만 느껴졌던, HTML과 자바스크립트를 실전에 쓰일 프로젝트를 통해 쉽게 배울 수 있게 한 책을 만나게 되어 행운이라 생각한다.

글쓴이가 인사글에 언급한 것처럼, 이론을 순차적으로 마스터 하는 것보다 실습위주의 공부방법이 더 재미있고, 쉬울 때가 있다. 바로 이 책이 제시하는 공부방법이 그런 것이 아닌가 생각된다.

웹 환경에서 하나의 화두가 되고 있는 HTML5와 웹 환경에서 강력한 능력을 보여주는 자바스크립트까지
몇 개의 실습형 프로젝트형태로 어플리케이션을 만들어보는 예제를 통하여 설명을 하고 있다.
개인적으로도 좋아하고 추천하는 실습으로 따라하기 형태이다.

소스코드와 주석을 보면서 따라해보며 공부할 수 있도록 도와주는 점이 초보자들에게 도움이 되도록 배려한 부분이 있지만, 그렇다고 HTML5와 자바스크립트에 대한 아주 기본적인 지식만을 가지고 책을 이해하기에는 약간은 어려운 부분도 있을 것이라 생각된다.

HTML에 대한 지식이 부족하거나 특히 자바스크립트 예제코드를 이해하는데 문제가 있다면 이책은 문법을 설명하는 책이 아니므로 책을 더 읽기전에 자바스크립트에 대한 문법적 기초를 먼저 배우기를 권하고 싶다.

책의 구성이나 설명하는 텍스트는 초보자들을 위한 것이라는 느낌이지만 기초가 부족한 초보자보다는 어느정도 경험이 있으면서 이참에 HTML5와 자바스크립트를 가지고 뭔가 만들면서 빠르게 실습을 통하여 배우고자 하는 개발자에게 더 도움이 될만한 책이다.
(한빛미디어 사이트에 나오는 책의 난이도는 중급으로 표시되고 있다.)

각 장을 시작하는 페이지에 학습목표라는 소제목으로 어떤 내용을 다룰 것인지 말해주고 있다.
각 장의 구조는 시작하기전에 필요한 기본개념을 설명하고 이어 구체적인 예제코드와 주석을 포함하여 설명하며, 실행방법과 마지막 부분에 장의 내용을 정리요약하는 형태로 구성되어 있다.
코드옆에 설명하는 주석은 중급이상의 개발자라면 그리 도움이 될만 한 수준은 아니다.

독자의 이해를  돕기위해 예제 코드에 색상을 넣어 구분해준 것 역시 초보자들에게 도움이 될 것으로 생각된다.
API의 나열과 사용법만 간단하게 기술하는 것이 아닌 구체적인 목표를 가지고 실습하는 형태로 따라해 볼 수 있다는 것이 이 책의 장점이다.

책의 목차만 살펴보아도 책을 통하여 어떤 것을 알 수 있을지 대략적으로 알 수 있을 것이다.
전체적으로 각 장에 내용을 자기것으로 소화했을 경우 응용하여 해볼만 한 것이 많을 것으로 생각되며,
웹 환경에서의 어플리케이션 제작에 도움이 될 것으로 여겨진다.

프로젝트로 배우는 HTML5+자바스크립트

HTML5는 요즘 흔히 말하는 대세가 아닐까 생각합니다.

컴퓨터를 잘 모르는 일반인들도 지나가면서 한 두번은 들었을 만큼

웹이나 스마트폰과 관련해서

많은 이슈를 만드는 주제가 아닌가 합니다.

1.

이 책은 제목 그대로 예제 프로젝트를 통해서

HTML5와 자바스크립트가

무슨 일을 할 수 있는지 알려주는

일종의 길잡이와 같은 역할을 합니다.

그렇다 보니, 이 책의 독자는

기본적으로 프로그래밍 경험이 있는 사람이어야 합니다.

이 책의 독자는 HTML5와 자바스크립트에 대한 경험이

조금이라도 있는 사람이라는 것을 가정하고 설명합니다.

전혀 경험이 없는 분들이라면

이 책의 저자가 쓴 다른 책을 먼저 보시기를 권합니다.

( 동일한 저자의 책 중에

  "한번에 배우는 HTML5+자바스크립트" ( 한빛미디어 )

  라는 책이 있습니다.

  완전 초보자용으로서 프로그램 경험이 없는 분들이라면

  이 책을 보기 전에 초보자용 책을 먼저 보시는 것이
 
  이 책을 좀 더 쉽게 볼 수 있을 것입니다.  )

2.

즉, 이 책은

프로그래밍 지식이 약간 있고,

HTML5와 자바스크립트의 다양한 기술들을 응용하여

좀 더 실무적인 프로그램을 제작하고 싶은 분들에게

도움이 됩니다.

3.

이 책에는 10개의 프로젝트가 나와있습니다.

각각의 프로젝트는 다음과 같은 6단계로 구성되어 있습니다.

 1. 소개
 2. 사전 준비
 3. HTML5, CSS, 자바스크립트의 기능
 4. 구현과 응용
 5. 검사해서 올리기
 6. 각 장을 한눈에

이미 프로젝트를 진행한 경험이 있는 분들이라면

불필요해 보일수도 있는 작업이지만,

경험이 부족하거나, 초보자들에게는

무척 도움이되도록 구성되어있습니다.

특히, 2단계에서 주로 개념적인 내용을 설명한뒤

3단계를 통해서 이론적인 기술의 내용을 설명하고

4단계를 통해서 실제 코드를 설명하는 부분은

초심자들에게 많은 도움이 될 것이라고 생각합니다.

특히, 지엽적인 소스코드 설명이 아니라

하나의 프로젝트를 처음시작하면서 부터

완료하는 작은 프로세스를 체험해 볼 수 있기 때문에

개발에 대한 흐름을 잡는데 도움이 됩니다.

4.

요즘 가장 많이 이슈가 되고 있는

HTML5와 자바스크립트의 활용에 대해

궁금하신 초심자 분들에게

많은 도움이 될 것이라고 생각합니다.