유레카!!

이 책을 보고 나서 외친 말이다.

기술 서적을 보고 나서 느끼는 느낌은, 각자의 개발 경력과 가지고 있는 지식의 양에 따라 천차만별로 달라질 수 있겠지만, 웹 개발에 경험이 없는 내가 보았을 때 이런 감동을 준다는 것은, 대 부분의 개발자들에게 어떤 영감을 던져 줄 수 있는 좋은 책이라고 말할 수 있을 것 같다.

아직 표준도 확정되지 않은 HTML5.

그럼에도 불구하고 차세대 웹 개발의 핵심 기술로 논의되고 있는 기술.

자기들 만의 독자적인 표준을 유지하며 브라우저 시장의 독점을 지키고자 했던 Microsoft까지, 결국 지원할 수 밖에 없었던 기술.

크로스 브라우징 때문에 골 머리를 썩혔던 웹 개발자들의 탈출구가 될 수 있는 기술.

애플의 스티브 잡스가 과감하게 Flash를 배제해 버릴 수 있던 근원이 되지 않았을까 하는 기술.

이 책은 그런 HTML5에 대해서 매우 쉽고도 상세하게, 또 친절하게 기술하고 있다.

과거 HTML을 처음 접했을 때가 생각난다.

아무 것도 모를 당시에, 단순하게 화면에 표시하는 부분이 전부인 HTML을 웹 상에 뿌려보기 위해. 나모웹 에디터로 만들어 보고, 에디터의 한계점이 있어서 코드를 수정해서 지금 보면 정말 형편없는 개인 홈페이지를 만들었었다. 그것을 보고 행복해 했던 기억이 난다.

조금 더 지식이 생긴 이후에는, 정적인 페이지의 한계를 느끼고, 자바스크립트라는 것을 이용해서 동적인 페이지를 만들곤 했었는데, 사실 만든다기 보다는 만들어진 소스를 찾아서 붙여넣는 수준에 불과했다.

당시에는 그것으로 충분했었다.

HTML은 단순한 화면 표시를 위한 언어, 자바스크립트는 동적인 페이지 구현을 위한 언어로써...

개발의 패러다임이 수 차례 바뀌고, 개발의 중심 영역이 서버 사이드로 갔다가 다시 클라이언트 사이드로 돌아온 이 시기에, 다수의 브라우저에서 비표준화된 각각의 기술을 제공하는 문제로 인해, 웹 개발자들이 겪는 고통은 이루 말할 수 없다. (물론 IE의 점유율이 가장 높긴 하지만, 최근은 파이어폭스나 크롬 등이 맹 추격하고 있다.)

이에, 웹 개발에 대한 표준이 정립되고 있다는 점은 정말로 쌍수를 들고 환영할 만한 일이다.

게다가 그 간에 각 벤더들이 독자적으로 제공했던 유용했던 기능들까지 포함하여 표준화를 한다니, 가히 혁신적인 변화가 오고 있다고 생각이 된다.

가장 의미 있는 변화는, 기존에 동적인 화면이나, 멅티미디어를 표현하기 위한 화면 등을 위해 필요했던, Flash나 미디어 플레이어와 같은 플러그인 없이도, 언어 자체에서 제공하는 API만으로도 해당 기능들이 구현 가능하게 되었다는 점이다. 사용자는 단순히 브라우저만 있으면, 추가적인 프로그램의 설치 없이도, 다양하고 화려한 기능들을 만끽할 수 있다.

<HTML5로 만들어진 앵그리버드 PC버전>

책의 구성은 각 단원 별로 주제에 맞는 개념 설명, API 및 이벤트 등에 대해 설명하고, 그에 맞는 적절한 예제를 삽입하였다. 굉장히 마음에 드는 것은 소스를 한 줄 한 줄 자세히 설명하여 이해를 도운다는 점이다. 이 소스 정도가 직관적으로 이해가 되지 않는 개발자들은, 자바스크립트의 기본적인 문법을 먼저 익히기를 권장한다.

각 챕터들에는 브라우저 별 실행 가능 여부와 현재까지 HTML5를 구현한 브라우저 마다의 동작 방식의 차이점에 대해서도 기술하고 있다.

이 책의 내용을 구체적으로 살펴 보면, DOM 스크립팅의 기초부터 차근차근히 설명한다.

나 처럼 웹 개발 경험이 많지 않은 사람들에게, 또 초급 개발자들에게 너무나도 좋은 챕터이다.

이 부분을 잘 살펴보면, 세부적인 것은 몰라도, 직관적으로 어떠한 형태로 요소들을 구분하고, 그 요소들을 참조해서 개발에 이용할 수 있는지 쉽게 알 수 있다.

또한, 아무 생각없이 자주 관습적으로 사용되었던 자바스크립트의 객체들의 표준화에 대한 얘기와 유용한 API들에 대한 설명도 해주고 있다.

다음으로는 HTML5에서 표준화의 항목으로 논의되고 있는 태그들에 대한 설명이 이루어진다.

기존의 태그들에 대해서는 별반 기대를 안했는데, 정말 놀라울 정도로 많은 변화가 이루어지고 있다는 것을 알 수 있었다.

예컨대, 2장의 폼과 관련된 태그의 내용에서, Calendar라든지, 유효성 검사 태그, 텍스트 편집 관련 태그, 프로그레스바 관련 태그 등을 보면, 기존에 자바스크립트를 이용해서 개발자가 일일히 구현해주어야 했던 부분들이 전부 쉽게 사용할 수 있는 태그로 만들어졌다는 것을 알 수 있다.

3장 캔버스.

어플리케이션 개발자로써 가장 관심이 있던 부분이 화면의 자유로운 그래픽 표현이었는데, Canvas 태그가 추가되어, 이런 요구사항을 충분히 만족시킬 수 있었다. 사실 Canvas의 경우, 단순히 HTML5에만 추가된 것이 아니라, 윈도우 API에서부터 제공을 하고, 이를 구현한 개발 툴에서는 전부 제공하는 컴포넌트인데, 이 기능들이 웹에서도 그냥 이용할 수 있도록 충실히 구현되었다니 흥분 그 자체다.

< HTML5의 Canvas를 이용하여 포토샵 처럼 편집기를 구현 >

4장 비디오와 오디오..

이 단락을 보고 나서는 정말 등에 소름이 쫙 끼쳤다.

과거에 동영상 플레이어, MP3 플레이어를 개발해 본 경험이 있는 나로써는, 미디어 플레이어를 개발한 다는 것이, 특히나 동영상 플레이어를 개발한다는 것은 정말 어려운 일이라는 것을 뼈저리게 느껴서 알고 있다. 사실 개발은 했지만, 아직도 근본적인 개념을 확실히 이해 못하고 있으며, 컴포넌트나 라이브러리가 없었다면 구현하기 어려웠으리라 생각이 된다.

그런데, 이게 뭔가... 추가된 Video, Audio 태그만으로도 미디어 플레이어를 만들 수 있다.

그것도, 코덱 문제까지도 해결을 해주고, 자막까지 쉽게 표현할 수 있으며, 기본적인 기능은 전부 제공을 한다. 웹과 어플리케이션의 경계가 허물어짐을 보여주는 대표적인 단락이다.

< 비디오 플레이어의 구현 >

5장 텍스트 편집 기능

아예 위지윅에디터를 그냥 제공함을 보여준다. 이게 무언가 하면, 지금 이 리뷰를 위해 타이핑을 하고 있는 이 영역... 굵게, 이탤릭, 밑줄, 색상 변경 등의 기능을 가진 이 영역을 그냥 간단히 사용할 수 있게 제공해 준다는 것이다. 실력 좋은 개발자들이 자바스크립트로 만들어 놓은 것을 가져다가 적절히 고쳐서 쓰던 시절을 생각해 보니, 감탄만 나온다.

6장 드래그 앤 드롭

일반 어플리케이션에서도 드래그 앤 드롭을 구현하기란 그리 간단한 문제가 아니다.

사용자 입장에서야 당연하다고 느끼고, 별 거 아니라는 생각을 할 수 있지만, 개발자 입장에서는 꽤 많은 사항을 고려해야 되기 때문에, 쉽지가 않다. 특히나, 웹에서는 더더욱 어렵다고 할 수 있다.

이제 그 문제도 해결되었다. 놀라움의 연속이다.

그 외에도, 파일을 직접 핸들링 할 수 있는 File API, 멀티스레드와 비슷한 개념으로 돌아가는 웹 워커, GPS의 정보를 이용할 수 있는 Geolocation API 등이 자세하게 설명되어 있다.

왜 이렇게 굳이 한 단원 별로 느낀 바를 썼을까..?

정말 보고 얻을 것이 많다고 느꼈기 때문이다. 특히나 각 챕터 별로 제공되는 간략한 예제들 보고 있자면, 웹 개발자가 아님에도 불구하고, 열정이 샘솟는다. 각 챕터는 생각보다 두꺼운 분량을 할당하였는데, 충실한 예제와 자세한 설명들이 일품이다.

단지, 이유를 알 수 없고 아쉬운 것은 "웹 데이터베이스" 관련 챕터가 빠져 있다는 것이다.

하지만, 이 책의 나머지 부분을 통해, HTML5이 어떤 것이라는 것에 대해 충분히 전달이 되며, 개발에 필요한 것들은, 추가로 검색, 발췌하여 적용할 수 있을만한 실력을 가질 수 있으리라 믿는다.

기술 서적은 모름지기, 기본 개념부터 잘 설명이 되어 있어야 하고, 이해가 쉬워야 하며, 읽고 난 뒤 손이 근질근질거리게 만들어 주어야 한다고 생각하는데, 이 책이 나를 그렇게 만들고 있다.

너무 극찬하는 것 같다고?

한번 직접 보시라.. 이 책이 주는 가치를 깨달을 수 있으리라...

P.S : 애플의 ShowCase와 http://comblog.wo.tc/399 주소에 가보면 멋진 샘플들을 볼 수 있다.