거침없이 배우는 자바스크립트 : 바로 배워서 바로 써먹는 JavaScript &jQuery

이 도서는 O’Reilly의 유명한 도서인 JavaScript: The Missing Manual의 번역판입니다.

바로 이 도서죠. 저희는 표지를 지앤선의 색깔을 입혀서 바꿔 보았습니다. 어떠신가요?

 

“자바스크립트가 뭘까?”에 대한 답이 이 도서의 첫 페이지에 나옵니다(정확하게는 ‘들어가는 말’의 첫 페이지에 나옵니다). “자바스크립트는 HTML에 애니메이션, 상호작용성, 동적인 시각 효과 등을 넘치도록 채워줄 수 있는 프로그래밍 언어입니다.” 라고… 그렇기 때문에 자바스크립트는 웹 디자인을 구성하는 2개의 기둥인 HTML과 CSS가 함께 있어야만 합니다. HTML은 그림이나 글의 의미있게 조직하는 구조적인 층이고, CSS는 HTML로 구성된 컨텐트를 보기 좋게 전시하는 층이고, 자바스크립트는 방문객들과 인터랙션 할 수 있도록 웹 페이지를 현실로 데려오는 행동하는 층이라고 합니다. 

이 책은 현재 NHN XE 개발팀에서 Ajax UI를 전담하고 계신 ‘김태곤’ 님이 번역작업을 맡아 주셨습니다. 김태곤 님은 자바스크립트와 관련한 1건의 특허 등록하셨고, 1건을 출원하셨으며 번역 블로그 http://enzine.tistory.com을 운영하고 계십니다.

역자의 글을 통해서 역자인 김태곤 님이 이 책을 통해서 여러분에게 하고 싶으셨던 이야기를 좀더 자세히 알아 보세요. 아울러 이 도서의 기획자이자 뉴욕타임즈의 기술 칼럼닌스트인 데이비드 포그의 이야기도 참고하세요.

구글 지도와 같은 Ajax 웹 응용 프로그램들이 등장하기 시작하자 사람들의 인식이 변했습니다. '그냥 가져다 쓰는 것'이었던 자바스크립트가 이제는 '재밌고, 멋지고, 배워야 할 신기술'로 변했습니다. 폭발적인 관심을 등에 업고 수많은 자바스크립트 서적들이 우후죽순처럼 출간되었습니다. 제가 하고 싶은 이야기는 지금부터입니다.

출간된 자바스크립트 책들은 다른 프로그래밍 언어 서적과 비슷한 구성으로 이루어졌습니다. 기초부터 착실하게, 책을 보는 모두가 전문 자바스크립트 개발자가 되도록 구성되었다는 뜻입니다. 물론, 이런 류의 책은 필요합니다. 하지만, 자바스크립트는 다른 언어와는 성격이 조금 다릅니다. 새로 설치된 PC에서 아무런 소프트웨어를 설치하지 않고 메모장만 있으면 시작할 수 있을 만큼 접근하기 쉽고, 다른 설정은 필요 없이 단 한 줄의 코드로 완전한 하나의 프로그램을 작성할 수 있을 만큼 간단합니다. 그리고, 웹 페이지에 효과를 주거나 객체를 이동시키는 등 디자인적인 요소에 대부분 사용되고 있습니다. 이러한 특성 때문에 자바스크립트를 사용하는 계층에는 전문 개발자보다 자신의 홈페이지를 꾸미고 싶은 개인이나 시각 효과를 주고 싶은 웹 디자이너들이 더 많이 차지해 왔습니다. 이런 분들에게 '전문 자바스크립트 개발자로 가는 길'은 험난하고 어려웠을 것입니다.

이 책은 바로 자바스크립트를 배우고자 했으나 몇 번이나 좌절했던 그런 분들에게 적합합니다. '전문 개발자'에게나 필요한 어렵고 복잡한 과정을 과감히 생략하고 손으로 코딩하며 눈으로 바로 확인할 수 있는 실습과 예제에 더 많은 지면을 할애했습니다. 실무에 필요하거나 바로 응용할 수 있는 예제로 구성되었기 때문에 흥미를 잃지 않고 계속해서 공부할 수 있습니다. 이는 이 책의 원 저자인 데이비드 맥파랜드 본인이 웹 디자이너이기 때문에 가능했던 배려입니다. 저 또한 번역하면서 처음 자바스크립트를 어렵게 공부하던 시절을 떠올리며 어려운 용어는 가급적 풀어쓰려고 노력을 기울였습니다.

-역자 서문 중에서-

어떤 정보가 매력적이고 재밌고 명확하게 작성되면 학습 효과는 극대화됩니다. 하지만, 대부분의 컴퓨터 서적들은 무미건조한 카탈로그 같습니다. 그게 바로 제가 이 책을 만들게 된 이유입니다. 이 책은 재밌는 것은 물론, 배우고 있는 부분이 쓸모없거나 제대로 동작하지 않을까 걱정할 필요가 없습니다. 우리는 "이 기능은 왜 필요한거지?"라는 단순한 질문에 대한 해답을 매 페이지마다 발견할 수 있을 것입니다.

-이 책을 기획하면서... 데이비드 포그 -

 이 책의 추천사를 써주신 세 분에게 블로그를 통해서 다시 한번 진심으로 감사를 드리며, 여기 그 추천사를 여러분과 공유하고자 합니다.

정찬명  NHN 선임U I개발자

UI개발자라는 명함을 지니고 있지만 항상 마음에 걸렸던 것이 바로 자바스크립트였습니다. “지금 부족한 것은 무엇이라고 생각하고 새로운 기술을 배운다면 무엇을 배우겠는가?”라는 질문에 저는 항상 ‘자바스크립트’라고 대답했습니다. HTML과 CSS는 잘 다루었지만 자바스크립트는 항상 다른 사람의 코드를 빌려쓰거나 아예 부탁하는 처지였고, 그러다보니 결과물이 제 기대에 미치지 못하는 경우도 종종 발생했습니다. 이런 상황 때문에 저는 혼자만의 힘으로 무언가를 만들어내고야 말겠다고 다짐하며 자바스크립트를 배우기로 결심하였습니다. 처음에는 다른 사람의 jQuery 코드를 조금씩 고쳐쓰면서 자바스크립트에 대한 흥미를 갖기 시작했는데, 불과 몇 시간만에 아주 간단한 동작들을 구현할 수 있게 되어 흡족했습니다. 저는 한동안 jQuery를 이용해서 아주 재미있는 것들을 만드는 일에 몰두했습니다. 하지만 기초가 없었기 때문에 jQuery를 폭넓고 효과적으로 사용하기에는 한계가 있었습니다. 역시 무엇을 하든 기초가 중요하다는 것을 다시금 깨닫게 되는 순간이었습니다. 이 책의 한국어 역자는 바로 제 옆에서 근무하고 있는 절친한 직장동료입니다. 다른 사람과 지식을 나누는 것을 즐겨하고 무엇이든 쉽게 설명하는 일에 소질이 있는 그의 성향이 이 책의 번역에도 고스란히 녹아든 것 같습니다. 자바스크립트 기초와 jQuery를 단 한권의 책으로 배울 수 있게 되어서 무척이나 기쁩니다.

나건표  스마트에디터2 개발자

자바스크립트는 똑똑한 언어입니다. 변수선언이나 값 비교 등 여러 곳에서 명확하게 명령하지 않아도 곧잘 알아듣고 일을 처리하기 때문입니다. 하지만 그렇기 때문에 문제가 발생할 수 있는 코드를 작성하고도 모를 수 있습니다. 이런 실수는 자바스크립트 개발 경험이 있더라도 기초가 탄탄하지 못할 경우 자주 저지르게 되는데, 이 책은 자바스크립트 개발 경험이 있는 분들은 기초를 다시 한 번 다질 수 있도록, 자바스크립트를 처음 접하는 분들은 빠르게 실력을 쌓을 수 있도록 구성되어 있습니다. 저자의 알기 쉬운 설명에 이해가 어려울 수 있는 부분에는 실무 경험이 풍부한 역자의 추가 설명이 곁들여져 독자의 이해를 돕고 있습니다. 탄탄한 기초를 쌓는데 필요한 기본적인 자바스크립트의 특징뿐만 아니라 실무에서 사용하는 라이브러리의 사용법 및 흔히 접하는 문제패턴까지 다루고 있어 자바스크립트 초-중급자들에게 추천할 만한 책입니다.

윤좌진  미투데이 UI 개발자

한때 정체성 없이 만들어져 있는 코드를 copy & paste 하면서 활용하던 자바스크립트가 이제는 프로그래밍 언어로 웹서비스를 만드는 데에 없어서는 안 될 핵심 기술로 자리잡게 되었습니다. 그동안 여러분이 기존의 자바스크립트 책에서 메서드의 기능 정의나 실용 예제 코드의 내용만을 보았다면, 이 책은 그 내용과 더불어 가장 기본적이지만 잘 지켜지지 않았던 (X)HTML과 CSS의 표준 내용까지 함께 전달하여 보다 견고한 자바스크립트를 구현할 수 있도록 구성되어 있습니다. 물론 본래의 주제가 자바스크립트이기 때문에 웹 표준에 대한 내용이 깊지 않아 아쉬운 부분이 있지만, 이 책을 통해 (X)HTML과 CSS의 정확한 사용법을 모르는 자바스크립트 개발자는 (X)HTML과 CSS의 올바른 정의와 사용법을 함께 배울 수 있고, (X)HTML과 CSS를 다루는 UI개발자는 자바스크립트 개발의 올바른 방식과 활용법에 조금 더 쉽게 접근할 수 있을 것입니다. 이제 막 자바스크립트를 배우려는 초급 개발자뿐만 아니라 이미 어느 정도 자바스크립트를 알고, 다룰 줄 아는 개발자에게도 좀 더 프로페셔널한 사용법의 습득을 위해 이 책을 추천합니다.