![]() |
소프트웨어 개발분야에서 자바스크립트 코딩은 매우 까다롭고 유지보수하기 어려운 작업 영역이었다. 더욱이, 인터넷 애플리케이션 분야에 풍부한 사용자 경험이 중요한 화두로 등장하면서 클라이언트에 보다 많이 기능들이 요구되고 있고, 이 때문에 클라이언트 개발의 복잡도는 나날이 증가하였다.
이런 문제를 해결하기 위해 수많은 자바스크립트 라이브러리들이 등장하였지만, jQuery만큼 단시간 내에 크게 주목을 받는 라이브러리는 없었다. 2006년에 등장한 jQuery는 등장한 지 채 2년이 되지 않아 프로토타입(prototype)과 도조(Dojo)의 인기를 넘어 섰다. jQuery를 접해 본 사람들은 충분히 그럴만하다고 입을 모은다.
jQuery는 수십 줄의 자바스크립트 코드를 간편하게 단 몇 줄의 코드로 코딩할 수 있으면서도 작고 빠르게 유지할 수 있는 장점을 가지고 있다. 또한, 작고 가벼우면서 동시에 지속적으로 확장할 수 있는 플러그인 구성을 가지고 있어, Ajax 사이트를 손쉽게 그리고 강력하게 구현할 수 있도록 해준다.
이 책은 jQuery의 최신 버전인 1.2.x 버전에 대한 내용을 반영하고 있으며, 최초 설치부터 기본적인 구성과 활용 방법들을 다양한 예제를 통해 설명하고 있다. jQuery를 적용하여 진행하는 웹 개발에 필요한 대부분의 내용들(셀렉터와 DOM, 이벤트와 다양한 효과, Ajax 프로그래밍, 폼(Form), 자동완성, 입력 검사기 등)을 함축적으로 다루고 있어 입문서이면서도 활용도가 높은 코드들을 제공한다. 이 책에서 제공하는 예제와 소스 파일의 전체 내용은 이 책의 전용 웹 사이트인 http://book.learningjquery.com에서 바로 확인해 볼 수 있으며, 최신 버전에 대한 내용도 꾸준히 업데이트하고 있다.
책의 후반부는 실전에서도 바로 활용해 볼 수 있는 고급 주제들을 다루고 있으며, 플러그인 활용과 개발 방법 등도 설명한다. 덧붙여, 자바스크립트, XHTML, CSS에 관한 관련자료와 자바스크립트 클로저(Closure) 등을 부록으로 정리하여, 입문하는 사람들을 위해 배려도 아끼지 않고 있다.
이러한 전략으로 jQuery 패키지를 매우 작게 유지(압축형태로 대략 20K 정도)하고 있으며 동시에 개발자의 코드 역시 작게 유지할 수 있도록 하는 기법들을 제공하고 있다. 라이브러리의 간결함은 자체 설계 때문이기도 하지만, jQuery 관련 프로젝트에 대한 주변의 매우 왕성한 커뮤니티 활동 역시 간결함을 유지하는 데 큰 공헌을 하고 있다. jQuery 사용자들은 플러그인 개발뿐만 아니라 라이브러리의 핵심 부분을 개선하기 위해 모여서 토론하고 있다. 이렇게 유연하고 강건한 시스템에 기울이는 많은 엔지니어들의 엄청난 노력에도 불구하고, 최종 산출물은 모든 사람들에게 무료로 제공하고 있다. 이 오픈소스 프로젝트는 GNU 퍼블릭과 MIT의 두 가지 라이선스로 제공되고 있다.
1. 본격적인 시작에 앞서
jQuery란 무엇인가
jQuery, 왜 좋은가
첫 번째 jQuery 도큐먼트
2. 셀렉터 - 원하는 노드를 얻는 방법
도큐먼트 객체 모델(Document Object Model)
$() 팩토리 함수
CSS 셀렉터들
XPath 셀렉터들
커스텀 셀렉터들
DOM 순회 메서드
3. 이벤트 – 트리거 사용하는 방법
페이지 로드 시점에 작업 수행하기
기본 이벤트들
합성 이벤트
이벤트를 제한하고 마무리하기
4. 효과들 – 액션을 멋지게 추가하는 방법
인라인 CSS 변경
기본적인 숨김과 보이기
효과와 속도
다중 효과
동시효과 대 연속효과
핵심정리
요약
5. DOM 다루기 — 동적으로 페이지 변경하는 방법
속성 조작하기
새로운 요소 삽입하기
요소 이동
요소 감싸기
요소 복사하기
DOM 조작 메서드 핵심정리
요약
6. AJAX – 최신 기법 적용하기
요청한 데이터 로드하기
데이터 형식 선택하기
서버로 데이터 전달하기
요청이 처리중임을 표시하기
AJAX와 이벤트들
보안 제약사항들
요약
7. 테이블 다루기
정렬하기
페이지네이션
완성된 코드
향상된 행 스트라이프 적용하기
행 하이라이트 적용하기
툴팁
감추기와 펼치기
필터링
완성된 코드
요약
8. 폼과 함수
폼 스타일의 단계적 기능 향상
폼 입력 데이터 검증
체크박스 다루기
완성된 코드
필드를 포함한 플레이스홀더 텍스트
AJAX 자동완성
완성된 코드
입력 마스킹
수치계산
항목 삭제하기
배송 정보 편집하기
완성된 코드
요약
9장. 셔플러와 로테이터
헤드라인 로테이터
이미지 회전 전환
이미지 확대
완성된 코드
요약
10장. 플러그인
플러그인 사용법
널리 알려진 플러그인들
플러그인 문서 찾아보기
플러그인 개발
요약
부록A. 온라인 리소스
부록B. 개발도구
부록C. 자바스크립트 클로저
.sub-level{backgournd-coor ---> .sub-level {background-color
.highlight {fontweight: ---> .highlight {font-weight: