본 서적은 JavaScript, jQuery, Ajax 3가지의 큰 기술 주제를 다루고 있습니다.
우선 Part-1에서는 jQuery를 심도 있게 활용하기 위한 JavaScript의 기본 문법, 함수, DOM, 객체, 이벤트 같은 고급 개념을 학습합니다.
특히, 요즘 잘나가는 JavaScript 프레임워크나 라이브러리를 사용하려면 생성자 함수, 프로토타입, 상속 등을 대해서 정확히 이해해야 하는데, 이 책에서 해당 개념에 대해 자세히 설명하고 있습니다. 이 부분은 제가 읽어 본 JavaScript 기초서 중에 가장 쉽게 설명된 것 같습니다.
Part-2에서는 최신의 jQuery 핵심기능에 대해서 학습합니다. jQuery의 선택자, 문서객체 탐색 및 조작을 위한 다양한 메서드에 대해서 배우고 실무에서 반드시 알아야 하는 jQuery 이벤트와 애니메이션, 플러그인의 활용법에 대해서 학습합니다.
19장 플러그인에서 소개하는 라이트박스, Masonry 플러그인은 유명한 jQuery 플러그인이므로 이 부분을 잘 익혀 놓으면 두고 두고 실전에 응용이 가능합니다.
20장의 jQuery 플러그인 제작부분은 사실 고급 주제인데, jQuery를 이용하여 나만의 유틸리티 플러그인이나 배포 가능한 형태의 플러그인을 제작하기 위한 기본적인 방법을 학습합니다.
이 부분을 잘 학습해 놓으면 jQuery 공식 사이트에서 배포하는 유명 플러그인의 소스를 분석하여 응용하는데 실질적인 큰 도움이 됩니다.
Part-3은 모던 웹사이트 구축을 위해 반드시 알아야 하는 Ajax에 대한 내용입니다. 관련 기술로 node.js, XMLHttpRequest, jQuery Ajax, JSON, XML, JSONP, Reverse Ajax에 대해서 학습합니다. 이 책의 가장 알짜 부분이라고 할 수 있겠습니다.
이 외에도 독자의 학습 집중도를 높이기 위해 부가적인 설명이 필요한 항목은 필자의 의도대로 부록 편에 따로 모아서 상세히 기술해 놓았습니다. 검사/디버깅, 정규 표현식, 쿠키, HTML5의 웹 스토리지와 지오로케이션 등이 부록에 포함되어 있습니다.
참고로 중요 용어들이 한글로 표기되어 있는데 영문 용어 표기가 없어 독자들이 따로 이 부분을 다른 참고 문서를 찾아서 이해해야 합니다.
1. 대상 독자
JavaScript(ECMAScript6), jQuery를 대충 공부하신 분들은 꼭 한번 정독해 보시길 권장합니다.
특히 이 책에서 다룬 아래 내용을 시원하게 설명하지 못한다면 거의 JavaScript와 jQuery를 정확히 모른다고 봐야 할 것입니다.
(1) 익명함수(함수리터럴), 콜백 함수, 클로저
(2) 객체, 생성자함수, 프로토타입, 상속
(4) 이벤트 버블링, 이벤트위임
(5) $.ajax(),JSONP, Reverse Ajax
(6) 예외 처리
(7) ECMAScript 6
2. 모두가 공감할 이 책만의 장점
제가 생각하는 이 책의 가장 큰 장점은 독자 친화적인 저자의 설명 스타일인 것 같습니다. 마치 ‘1:1과외’를 하듯 각 주제에 대해서 친절하게 설명을 하니 초보자들도 큰 어려움 없이 독학이 가능할 것으로 판단됩니다.
자, 다른 jQuery 관련 서적과 비교되는 강점은 아래와 같습니다.
(1) 930페이지의 방대한 분량을 자랑합니다.
(2) 이벤트, Ajax등 실무에서 반드시 알아야 하는 기술 주제가 풍부합니다.
(3) 중급으로 나아가는데 필요한 고급 주제에 대해서는“조금 더 나아가기” 섹션이 제공됩니다.
(4) 예제 소스 코드에서 JavaScript 표준 코딩 스타일을 준수합니다.
(5) 학습의 이해도를 높일 연습문제와 연습문제 풀이가 제공됩니다.
(6) ECMAScript 6의 새롭게 추가된 문법에 대해서다룹니다.
3. 핵심내용 요약
아래는 책 본문 중에 특히 실무에서 자주 활용되는 개념이나 용어라고 생각되는 것을 추출해서 정리해 보았습니다. 책을 구매하는데 도움이 되었으면 좋겠습니다.
PART 1. JavaScript
l JavaScript 기본 문법
l 함수: 익명 함수, 선언적 함수, 가변인자 함수, 콜백함수, 클로저 등
l 객체:
- 속성과 메서드, for in 문, 속성 추가및 제거
- 객체와 배열을 사용한 데이터 관리, 옵션 객체 초기화
- 참조 복사, 값 복사
l 생성자 함수, 프로토타입, 캡슐화, 상속
l ECMAScript의 클래스(Class)
- class 선언과 생성자 함수 선언 비교
l 기본 내장 객체
l 문서 객체 모델(DOM)
l 이벤트
- 이벤트 종류, 이벤트 발생 객체, 이벤트객체, 이벤트 강제 실행
- 인라인 이벤트 모델, 디폴트 이벤트 제거, 이벤트 전달(이벤트 버블링)
l 예외 처리(try ~ catch ~finally)
PART 2. jQuery
l $(document).ready() 준비 메서드 사용
l 기본 선택자, 필터 선택자의 종류와 사용법
l each() 메서드를 이용한 배열 관리
l $.extend() 메서드를 이용한 객체 리터럴의 확장
l $.noConflict() 메서드를 이용한 타 라이브러리와의 충돌 방지
l 문서객체 생성, 추가/삽입, 제거, 이동, 복제
l 이벤트 연결, 연결 제거, 이벤트 객체, 이벤트 발생
l 마우스 이벤트, 키보드 이벤트, 윈도우 이벤트, 폼 이벤트
l 애니메이션(효과), animate()를 이용한 사용자 정의 효과
l jQuery 플러그인: LightBox(ColorBox),Masonry 플러그인의 활용
l jQuery 플러그인 제작
PART 3. Ajax
l node.js 기본
l XMLHttpRequest
l jQuery Ajax
l MySQL 데이터베이스
l 크로스 도메인
l Reverse Ajax