본문 바로가기

도서 소개

머리에 쏙쏙 들어오는 jQuery 입문

 

 

이 책은 현재 절판입니다. 그간 읽어주신 분들께 감사를 드립니다.


제작

출판사  제이펍
원출판사  기술평론사(技術評論社)
원서명  Webデザイナーのための jQuery入門(원서 ISBN 9784774148564)
저자명  다카쯔도 다케시(高津戸壮)
역자명  정인식
출판일  2012년 7월 26일
페이지  308쪽
판  형  4*6배판 변형(188*245) 반양장(Soft Cover)
정  가  25,000원
ISBN  978-89-94506-47-0  부가기호: 93560
분  야  웹 프로그래밍 / 웹 디자인
키워드  jQuery / JavaScript / 툴팁 / 셀렉터 / 애니메이션 / 이벤트 / 롤오버 / 아코디언 / 플러그 인

 

관련 사이트
원출판사 도서소개페이지

아마존재팬 도서소개페이지

 

독자 Q&A 
■ 출판사 이메일(jeipub골뱅이gmail.com)과 역자 이메일(insik8463골뱅이gmail.com)


관련 포스트 
2012/07/18 - [출간전 책소식] - 강력한 자바스크립트 라이브러리 jQuery


강의 자료
■ 교재로 채택하신 분들에게는 강의교안을 만들 수 있는 자료를 보내드리도록 하겠습니다.(출판사로 메일이나 전화로 연락주세요)

 

관련 도서
자바스크립트 마스터 북: 기초부터 Ajax/jQuery까지
하루 1시간 3일 만에 배우는 HTML5

 

소스 코드 다운로드

jQuery_samplecode(한글화).zip
다운로드

원서 소스 코드 다운로드: http://gihyo.jp/book/sp/01/jqbook/

 

샘플 챕터(책 앞부속물과 1장 jQuery를 시작해보자)_1장은 용량이 10MB가 넘어 분할 압축하여 올려드립니다.

jQuery_FM.pdf
다운로드
jquery_ch01.vol1.egg
다운로드
jquery_ch01.vol2.egg
다운로드


정오표 페이지
■ 번역서 정오표 페이지(등록되는 대로 링크를 걸어 드리겠습니다)

 

도서구매 사이트(가나다순)

[강컴]   [교보문고]   [대교리브로]   [도서11번가]   [반디앤루니스]   [알라딘]   [예스이십사]   [인터파크]

 

도서 소개
HTML과 CSS를 알고 있는 독자를 위한 최적의 jQuery 입문서!
척척 읽어 나갈 수 있어 명쾌하게 이해할 수 있는 입문서!
자신의 생각대로 웹에서 "동작하는" 디자인을 해보자!

 

이 책은 아주 쉽게 설명한 jQuery 입문서다. 간단한 HTML과 CSS 문법을 알고 있는 독자라면 강력한 jQuery 기능들을 이 책으로 쉽고 빠르게 익힐 수 있을 것이다. 더불어 jQuery의 기본 지식에 대한 명료한 설명과 다양한 샘플 코드들은 실전에서 jQuery를 다뤄보지 못한 독자들에게 자신감을 안겨줄 것이다.

 

쉽고 재미있는 집필과 화려한 편집(전면 컬러)의 이 책은 이미 다른 책으로 jQuery에 도전했다가 낭패를 본 독자들에게도 최적의 도서다. 웹 디자인과 웹 개발을 하면서도 자바스크립트나 jQuery를 거의 알지 못하는 사람들이 이 책을 통해 jQuery를 사용하여 자신이 직접 코드를 생각해서 작성할 수 있도록 집필되었기 때문이다.

 

이 책의 구성
메인이 되는 내용은 「기본」과 「무언가 만들어 보기」 장이다.

 

우선 jQuery의 기본적인 개념을 설명한 후 「기본」 장들에서 jQuery의 기능을 하나하나 소개하고 있다. 그러나 전 기능을 설명한다는 의미는 아니며, 빈번하게 사용되는 기능을 중심으로 다루고 있다. jQuery의 기능은 방대하며 모두가 매우 편리한 기능들이지만, 처음 접해보는 사람에게는 거의 사용하지 않는 기능들도 많이 포함되어 있다. 처음으로 자바스크립트와 jQuery를 접하는 사람에게 이러한 기능까지 설명해놓으면 혼란스럽기만 할 것이다. 그래서 이 장에서는 정말로 빈번하게 사용하는 기능만을 엄선하여 설명하고 있다.

 

그 다음인 「무언가 만들어 보기」 장에서는 웹 제작자가 업무에서 사용하는 기능에 대해서 jQuery를 사용하여 작성한 샘플을 설명하고 있다. 샘플은 (대체로) 난이도순으로 나열되어 있어 앞에서부터 순서대로 읽어 나가면 jQuery를 점차 깊이 있게 이해할 수 있는 구성으로 되어 있다. 또한 「기본」 파트에서 설명하고 있지 않는 기능과 자바스크립트의 기본 지식에 대해서도 다루고 있다.

 

마지막의 「플러그인으로 정리하기」 장에서는 jQuery의 플러그인에 대해서 설명하고 있다. 플러그인이란 무엇인가와 만든 코드를 플러그인으로 만드는 방법, 배포된 유명 플러그인에 대한 설명도 곁들이고 있다.

 

독자 대상
웹 디자이너
여기서 말하는 웹 디자이너는 주로 웹 에이전시에서 근무하고 있거나 프리랜서로, 때에 따라 HTML과 CSS의 코딩을 하기도 하는 사람을 말한다.

 

웹 개발자
여기서 말하는 개발자란 평소 업무에서 서버 사이드의 프로그램을 주로 작성하는 사람, HTML이나 CSS 코딩을 하는 한편으로 자바스크립트를 작성하는 사람 등을 말한다.

 

머리말 중에서
이 책은 「자기 자신이 직접 코드를 작성할 수 있게 된 사람」이 한 사람이라도 늘어날 수 있도록 배려하여 집필하였다. 이 책에 게재된 코드는 어떠한 환경에서라도 유연하게 대응 가능한 만능의 코드로 작성되어 있는 것이 아니라 초보자가 알기 쉽게 작성된 코드다. jQuery의 기능 해설 또한 전 기능을 망라하고 있는 것이 아니라 기본적인 기능부터 세세하고 복잡한 기능을 배워 나가는 형식으로 쓰여 있다.
(중략)
jQuery라는 말을 자주 듣고는 있지만 정말 편리한 것일까? 실제 업무에서 간단히 사용할 수 있을까? 자바스크립트를 배우고 외워 보려고 생각하고 있는데 어떻게 하면 좋을까? 이 책은 한 번이라도 이러한 것들을 생각해본 사람들을 위한 책이다. 이 책이 조금이라도 jQuery의 이해에 도움이 되기를 바란다.


저자 소개
다카쯔도 다케시(高津戸壮)
대형 웹 웹이전시에서 HTML, CSS, JavaScript 엔지니어로서 경험을 쌓았다. 그 후 프리랜서로서 활동을 하다가 픽셀 그리드에 입사하였다. JavaScript를 이용한 UI, 응용 프로그램의 구현, HTML, CSS의 코딩, 기술 디렉션을 주업무로 하고 있다. 웹 관련 잡지에 기고를 하고 있고, 세미나 강연 등도 자주 하고 있다. 이전에는 HTML, CSS 코딩을 하는 한편으로 JavaScript를 조금 작성하는 정도였지만, jQuery를 계기로 JavaScript 프로그래밍에 재미를 찾아 자세히 연구하게 되었다. 현재 근무하고 있는 회사가 JavaScript 전문회사로 세상에 알려진 점도 있지만, JavaScript를 사용하는 기회가 많아서 현재는 JavaScript 전문 프로그래머로 근무하고 있다.


역자 소개
정인식

숭실대학교에서 전자계산학을 전공하였다. 사회 초년생 시절 자바에 심취해 현대정보기술에서 웹 애플리케이션 개발을 하였고, 그 후 이동통신단말기 분야로 전직하여 휴대전화단말기의 부가서비스 개발업무를 담당하였다. 일본 키스코㈜ 모바일 사업부 팀장을 역임하면서 일본 교세라의 북미향 휴대전화기 개발에 참여하였고, 현재 일본 가나안 솔루션즈의 공동창업자이자 시스템 엔지니어로서 활동 중이다. 옮긴 책으로는 『자바스크립트 마스터 북』(제이펍), 『좋은 코드를 작성하는 기술』(제이펍)이 있다.


차 례
Chapter 1 jQuery를 시작해보자 _ 1

1.1 jQuery의 대략적인 개념 _ 2
   「무언가를 가져오기」 → 「그것에 무언가를 하기」 _ 2
   $와 jQuery 객체 _ 4
1.2 jQuery를 사용하기 위한 준비 _ 10
   jQuery의 다운로드 _ 10
   페이지의 로딩 완료 기다리기 _ 12
   코드의 외부 파일화 _ 15
   이 책에서 사용하는 기본 파일 세트 _ 17
   Firebug _ 17

 

Chapter 2 무언가를 가져오기(기본 그 첫 번째) _ 23
2.1 「무언가를 가져오기」 기능 _ 24

2.2 셀렉터 _ 25
   어려운 셀렉터는 나중에 _ 26
   ID 셀렉터 -------- #idValue _ 27
   클래스 셀렉터 -------- .className _ 30
   타입 셀렉터 -------- element _ 32
   조합해보기 _ 34
   자손 셀렉터 -------- ancestor descendant _ 36
   보다 고기능의 셀렉터 _ 39
2.3 가져온 것에서 좀 더 검색하기 _ 41
   변수에 보관하기 _ 41
   jQuery와 변수 조합시키기 _ 45
   내포된 요소 안에서 좀 더 검색하기 -------- find _ 48
   보다 수준 높은 「가져온 것에서 좀 더 검색하기」 기능 _ 51

 

Chapter 3 그것에 무언가를 하기(기본 그 두 번째) _ 53
3.1 「그것에 무언가를 하기」 기능 _ 54

3.2 메소드 _ 55
3.3 스타일 변경하기 _ 57
   CSS _ 57
   show/hide _ 60
   width/height _ 62
   정리 _ 64
3.4 애니메이션 시키기 _ 66
   fadeIn/fadeOut _ 66
   slideDown/slideUp _ 69
   animate _ 72
   정리 _ 75
3.5 내용이나 속성 변경하기 _ 77
   text/html _ 77
   empty _ 80
   attr _ 82
   val _ 84
   addClass/removeClass _ 87
   정리 _ 92
3.6 움직이기·지우기·만들기 _ 93
   append/appendTo _ 93
   요소를 새롭게 만들기 _ 99
   remove _ 103
   정리 _ 104
3.7 이벤트 설정하기 _ 105
   타로의 면접 _ 105
   click -------- 클릭되었을 때 _ 107
   mouserenter/mouseleave -------- 마우스 포인터가 위에 있을 때/벗어났을 때 _ 109
   hover -------- mouserenter와 mouseleave를 한꺼번에 _ 111
   focus/blur -------- 포커스를 얻었을 때/벗어났을 때 _ 113
   동일 요소를 두 번 가져오지 않도록 하기 _ 115
   이벤트와 this _ 117
   $(DOM 요소) _ 123
   정리 _ 128
3.8 각각에 대하여 처리하기 _ 129
   each _ 129
   값이나 내용 세트하기/취득하기 _ 131
3.9 정리 _ 134

 

Chapter 4 무언가를 만들어 보기 _ 139
4.1 실용성이 높은 것을 만들어 보자 _ 140
4.2 롤오버 _ 141
   대략적인 구조 _ 141
   기본형 _ 142
   발전형 _ 148
4.3 텍스트 입력 필드의 가이드 텍스트 _ 154
   대략적인 구조 _ 154
   기본형 _ 156
   발전형 _ 165
4.4 아코디언 _ 169
   대략적인 구조 _ 169
   기본형 _ 172
   발전형 _ 179
4.5 외부 파일에서 테이블 만들기 _ 187
   대략적인 구조 _ 187
   기본형 _ 188
   발전형 _ 201
4.6 슬라이드 쇼 _ 207
   대략적인 구조 _ 208
   기본형 _ 208
   발전형 _ 214
4.7 탭 콘텐츠 _ 219
   대략적인 구조 _ 219
   기본형 _ 220
   발전형 _ 228
4.8 툴팁 _ 236
   대략적인 구조 _ 236
   기본형 _ 238
   발전형 _ 244
4.9 정리 _ 252

 

Chapter 5 플러그인으로 정리하기 _ 253
5.1 플러그인이란? _ 254
5.2 플러그인을 사용해보자 _ 256
5.3 플러그인을 작성해보자 _ 260
   플러그인 형식과 실행 방법 _ 261
   옵션 _ 262
   $.extend _ 264

에필로그 270

찾아보기 273