jQuery 1.7

▣ 01장_jQuery 시작하기

jQuery란 무엇인가
jQuery, 왜 좋은가
첫 번째 jQuery 도큐먼트
- jQuery 내려받기
- HTML 도큐먼트에서의 jQuery 설정
- jQuery 코드 작성
- 완성된 산출물
일반 자바스크립트 vs. jQuery
개발도구
- 파이어버그
요약

▣ 02장_요소 선택

DOM
$() 함수
CSS 선택자
- 리스트 항목 레벨 단위로 스타일 입히기
- 속성 선택자
- 링크에 스타일 입히기
사용자 정의 선택자
- 행에 징검다리 스타일 입히기
- 폼 선택자
DOM 순회 메서드
- 특정 셀에 스타일 입히기
- 체인
DOM 요소 접근하기
요약
- 추가 참고 자료
실습 문제

▣ 03장_이벤트 처리

페이지 로드 시점에 작업 수행하기
- 코드 실행 시간
- 한 페이지에 여러 스크립트 사용하기
- 간결하게 단축한 코드
- .ready() 콜백함수에 인자 넘기기
기본 이벤트
- 간단한 스타일 변환기
- 다른 버튼 활성화하기
- 이벤트 핸들러 컨텍스트
- 좀 더 간소화하기
- 간소화된 이벤트
합성 이벤트
- 고급기능 보이기와 숨기기
- 클릭할 수 있는 아이템 강조하기
이벤트의 여행
- 이벤트 버블링의 부작용
진행 경로 수정하기 : 이벤트 객체
- 이벤트 대상
- 이벤트 전파 멈추기
- 기본 동작
- 이벤트 위임
- 이벤트 위임을 위한 메서드
이벤트 핸들러 제거하기
- 이벤트 네임스페이스
- 이벤트 다시 바인딩하기
사용자 상호작용 흉내 내기
- 키보드 이벤트
요약
- 추가 참고 자료
실습 문제

▣ 04장_스타일과 애니메이션

인라인 CSS 변경
기본적인 숨기기와 보이기
효과와 속도
- 속도 지정하기
- 페이드인과 페이드아웃
- 슬라이드 업과 슬라이드 다운
- 복합 효과
사용자 정의 애니메이션 만들기
- 효과 직접 만들기
- 여러 프로퍼티를 한번에 애니메이션하기
동시효과 대 연속효과
- 요소들의 단일 집합에 적용하기
- 요소들의 다중 집합에 효과 적용하기
- 핵심정리
요약
- 추가 참고 자료
실습 문제

▣ 05장_DOM 다루기

속성 조작하기
- class 이외의 속성
- DOM 요소 프로퍼티
DOM 트리 다루기
- $() 함수 다시 보기
- 새로운 요소 생성하기
- 새로운 요소 삽입하기
- 요소 이동
- 요소 감싸기
- 순서가 뒤바뀐 역 삽입 메서드
요소 복사하기
- 인용구문 복제하기
콘텐츠를 가져오고 설정하는 메서드
- 추가 스타일 조정
DOM 조작 메서드 핵심정리
요약
- 추가 참고 자료
실습 문제

▣ 06장_Ajax를 이용한 데이터 전송

필요할 때 데이터 로드하기
- HTML 추가하기
- 자바스크립트 객체로 작업하기
- XML 도큐먼트 로드하기
데이터 형식 선택하기
서버로 데이터 전달하기
- GET 요청 수행하기
- POST 요청 수행하기
- 폼 데이터 전송하기
Ajax 요청에 대한 서로 다른 콘텐츠의 전송
요청이 처리 중임을 표시하기
에러 처리
Ajax와 이벤트
보안 제약사항
- 원격 데이터를 위한 JSONP
추가 옵션
- 낮은 수준의 Ajax 메서드
- 기본 옵션 변경하기
- HTML 페이지의 일부 로드하기
요약
- 추가 참고 자료
실습 문제

▣ 07장_플러그인

플러그인과 사용법 찾기
플러그인 사용법
- Cycle 플러그인 내려받기와 참조하기
- 간단한 플러그인 사용
- 플러그인 메서드의 인자 전달하기
- 기본 인자 값
- 다른 유형의 플러그인
jQuery UI 플러그인 라이브러리
- 효과
- 상호작용 컴포넌트
- 위젯
- jQuery UI 테마롤러
요약
실습 문제

▣ 08장_플러그인 개발

플러그인에서 $ 별칭 사용
새 전역함수 추가
- 여러 함수 추가하기
jQuery 객체 메서드 추가
- 객체 메서드 컨텍스트
- 묵시적 반복
- 메서드 체인
메서드 파라미터
- 파라미터 맵
- 기본 파라미터 값
- 콜백 함수
- 커스터마이즈 할 수 있는 기본값
jQuery UI 위젯 팩토리
- 위젯 만들기
- 위젯 제거하기
- 위젯의 활성화와 비활성화
- 위젯의 옵션 지원하기
- 서브 메서드 추가하기
- 위젯 이벤트 발생시키기
플러그인 디자인을 위한 추천사항
- 플러그인 배포하기
요약
실습 문제

▣ 09장_고급 선택자와 순회

선택과 순회 다시 보기
- 동적 테이블 필터링
- 테이블 행 줄무늬
- 필터과 줄무늬의 조합
- 기타 선택자와 순회 메서드
선택자의 커스터마이징과 최적화
- 사용자 정의 선택자 플러그인 작성하기
- 선택자 성능
DOM 순회 깊이 들여다보기
- jQuery 객체 프로퍼티
- DOM 요소 스택
- DOM 순회 메서드 플러그인 작성하기
- DOM 순회 성능
요약
- 추가 참고 자료
실습 문제

▣ 10장_고급 선택자와 순회

이벤트 다시 보기
- 추가 데이터 페이지 로드하기
- 마우스 오버 시 데이터 표시하기
이벤트 위임
- jQuery 위임 메서드 사용하기
- 위임 메서드 선택하기
- 조기 위임
- 컨텍스트 인자 사용하기
사용자 정의 이벤트
- 무한 스크롤링
- 사용자 정의 이벤트 파라미터
이벤트 발생 빈도 조절
- 빈도조절을 수행하는 다른 방법
특수 이벤트
- 특수 이벤트에 대한 추가 정보
요약
- 추가 참고 자료
실습 문제

▣ 11장_고급 효과

애니메이션 다시 보기
애니메이션 관찰하기 및 중단하기
- 애니메이션 상태 결정하기
- 실행 중인 애니메이션 중단하기
전역 효과 프로퍼티
- 모든 효과 중단하기
- 애니메이션의 부드러운 정도를 미세 조정하기
- 효과의 지속시간 정의
다중 프로퍼티 이징
지연 객체
- 애니메이션의 약속 객체
요약
- 추가 참고 자료
실습 문제

▣ 12장_고급 DOM 다루기
테이블 행의 정렬
- 서버에서 정렬
- Ajax 정렬
- 자바스크립트 정렬
요소의 이동과 삽입 다시보기
- 기존 텍스트에 링크 추가하기
- 간단한 자바스크립트 배열의 정렬
- DOM 요소 정렬
DOM 요소와 함께 데이터 저장하기
- 추가적 사전 계산의 수행
- 비 문자열 데이터 저장하기
- 정렬 방향 바꾸기
HTML5 커스텀 데이터 속성 사용하기
JSON을 이용한 테이블 행의 생성 및 정렬
- JSON 객체 수정하기
- 필요에 따라 콘텐츠 재구성하기
고급 속성 다루기
- 간소화된 요소 생성
- DOM 조작 후크
요약
- 추가 참고 자료
실습 문제

▣ 13장_고급 Ajax

Ajax를 이용한 단계적 기능향상
- JSONP 데이터 이용하기
Ajax 에러 처리
jqXHR 객체
- Ajax 약속 객체
- 응답 저장하기
스로틀링 Ajax 요청
Ajax 기능 확장
- 데이터 유형 변환기
- Ajax 프리필터
- 대체 트랜스포트
요약
- 추가 참고 자료
실습 문제

▣ 부록A_자바스크립트 클로저

내부 함수
- 영역 벗어나기
- 변수 범위
클로저 사이의 상호작용
jQuery에서의 클로저
- $(document).ready()로 인자 전달하기
- 이벤트 핸들러
- 반복문에서 핸들러 연결하기
- 기명함수와 익명함수
메모리 누수 위험
- 우연한 순환 참조들
- 인터넷 익스플로러 메모리 누수 문제
요약

▣ 부록B_QUnit으로 자바스크립트 테스트하기

QUnit 내려받기
문서 설정하기
테스트 구성하기
테스트 추가하기와 실행하기
- 비동기 테스트
다른 유형의 테스트
실제적 고려사항
- 추가 참고 자료
요약

▣ 부록C_퀵 레퍼런스

선택자 표현식
- 간단한 CSS
- 형제 요소들 사이의 위치
- 매치된 요소들 사이의 위치
- 속성
- 폼
- 그밖의 사용자 정의 선택자
DOM 순회 메서드들
- 필터링
- 자손
- 형제
- 조상
- 컬렉션 다루기
- 선택된 요소들에 대한 작업
이벤트 메서드
- 이벤트 등록
- 약칭 이벤트 등록
- 특별 약칭
- 이벤트 발생
- 약칭 이벤트 발생
- 유틸리티
효과 메서드
- 사전 정의 효과
- 사용자 정의 애니메이션
- 큐 조작
DOM 조작 메서드
- 속성과 프로퍼티
- 콘텐트
- CSS
- 크기
- 삽입
- 대체
- 삭제
- 복사
- 데이터
Ajax 메서드
- 요청 보내기
- 요청 모니터링
- 구성
- 유틸리티
지연 객체
- 객체 생성
- 지연 객체 메서드
- 약속 객체의 메서드
기타 프로퍼티와 함수
- jQuery 객체의 프로퍼티
- 배열과 객체
- 객체 introspection
- 기타

▣ 부록D_jQuery 1.7

- 새로운 이벤트 API : .on()과 .off()
- 위임된 이벤트의 성능 향상
- 인터넷 익스플로러 6/7/8에서 HTML5에 대한 지원 향상
- 토글 애니메이션의 직관적 작동
- 비동기 모듈 정의 지원
- 지연객체 확장
- jQuery.isNumeric() 메서드 지원
- event.layerX와 event.layerY프로퍼티 제거
- jQuery.event.proxy() 제거
jQuery 1.7 API 추가 및 변경내용
- 카테고리 : 콜백 객체
- 카테고리 : 지연객체
- 카테고리 : 이벤트객체
- 카테고리 : 필터링
- 카테고리 : 유틸리티
- 카테고리 : 이벤트 핸들러 등록
- 카테고리 : 속성
- 카테고리 : 데이터
- 카테고리 : 사용자 정의
- 토글 애니메이션
- 기타 변경 사항

1장 시작하기에서는 jQuery 자바스크립트 라이브러리를 직접 경험할 수 있다. 먼저 jQuery에 대한 이해를 돕기 위해 jQuery에 대한 기본적인 내용을 설명하고 여러분이 jQuery를 사용해서 무엇을 할 수 있는지 설명한다. jQuery 라이브러리를 내려받아 설치하고, 스크립트를 작성하는 방법을 설명한다.

2장 요소 선택에서는 웹 페이지에서 요소들을 찾기 위해 jQuery의 선택자 표현식과 DOM 순회 메서드를 사용하는 방법을 공부한다. jQuery를 이용해 다양한 페이지 요소들에 스타일을 입힌다. 경우에 따라서는 순수 CSS로는 할 수 없는 것도 jQuery에서는 할 수 있다.

3장 이벤트 처리에서는 이벤트 처리 메커니즘을 살펴본다. jQuery의 이벤트 처리 메커니즘을 사용해 브라우저 이벤트를 처리하는 방법과 jQuery의 강력한 이벤트 추가 기법을 살펴본다. 심지어 페이지가 완전히 로딩되기 전에도 이벤트를 추가할 수 있다. 또한, 이벤트 버블링(event bubbling), 위임(delegation), 네임스페이스(namespace)와 같은 고급 주제도 살펴본다.

4장 스타일과 애니메이션은 동작을 멋지게 꾸미는 방법을 설명한다. jQuery의 애니메이션 기법을 살펴보고 감추기, 보이기, 페이지 요소 이동을 아주 간편하게 처리하는 방법을 소개한다.

5장 DOM 다루기에서는 페이지의 내용을 변경하는 방법을 살펴본다. 또한, HTML의 구조와 내용을 즉시 변경하는 방법도 알아본다.

6장 Ajax로 데이터 보내기에서는 jQuery를 사용해 서버 측 기능에 쉽게 접근하는 방법을 살펴본다. 페이지를 새로고침 하지 않고도 서버 측 기능을 사용할 수 있게 될 것이다. 이로써 jQuery의 기본요소를 다 살펴봤고 이제는 라이브러리를 필요에 따라 확장하는 방법을 배울 준비가 됐다.

7장 플러그인 에서는 플러그인을 찾고 설치하고 이용하는 방법을 알아보며, 강력한 jQuery UI 플러그인도 살펴본다.

8장 플러그인 개발에서는 jQuery의 강력한 확장기능을 사용해 여러분만의 플러그인을 개발하는 방법을 기초부터 배우게 될 것이다. 유틸리티 함수를 만들고, jQuery 객체 메서드를 추가하고, jQuery UI 위젯 팩토리를 살펴본다. 다음 장부터는 jQuery의 근간이 되는 기본 구성요소를 다시 한번 살펴보면서 고급 기법을 배울 것이다.

9장 고급 선택자와 순회에서는 선택자의 성능을 최적화하고, DOM 요소 스택을 조작하고, 플러그인을 이용해 선택과 순회 기능을 확장시키는 방법을 익히면서 선택자와 순회에 대한 지식을 심화시킨다.

10장 고급 이벤트에서는 이벤트 처리 성능을 한층 더 향상시킬 수 있는 위임(delegation)과 스로틀링(throttling) 같은 기술을 살펴본다. 또한, jQuery 라이브러리에 더 많은 기능을 추가할 수 있는 사용자 정의 이벤트와 특별 이벤트도 만들어 본다.

11장 고급 효과에서는 사용자 정의 이징(easing) 함수를 만들고 애니메이션의 각 단계에 반응하게 하면서 jQuery가 제공하는 시각적인 효과를 좀 더 미세한 부분까지 조정하는 방법을 익힌다. 애니메이션이 발생할 때 이를 조작하고 사용자 정의 큐를 이용해 동작을 조정할 수 있게 된다.

12장 고급 DOM 다루기에서는 요소에 임의의 데이터를 추가하는 기법 등으로 DOM을 변경하는 연습을 좀 더 해본다. 또한, jQuery에서 요소의 CSS 프로퍼티에 대한 처리를 확장하는 방법을 살펴본다.

13장 고급 Ajax에서는 나중에 이용할 수 있게 되는 데이터를 다루기 위한 jQuery 지연 객체 시스템을 포함해 Ajax의 처리 과정을 좀 더 깊이 이해할 수 있다.

부록 A는 사람들이 자바스크립트 언어의 기능 중에서 어려워하는 클로저를 알아본다. 클로저가 무엇이고 어떻게 이용하는지 알아본다.

부록 B QUnit으로 자바스크립트 테스트하기는 자바스크립트 프로그램의 단위 테스트를 위한 QUnit 라이브러리를 소개한다. 이 라이브러리는 복잡한 웹 애플리케이션을 개발하고 유지 보수하는 데 있어 필수적인 도구다.

부록 C 퀵 레퍼런스에서는 jQuery 라이브러리 전체의 메서드와 선택자 표현식 전체에 대해 요약된 레퍼런스를 제공한다. 찾고자 하는 것이 무엇인지 알고 있지만, 정확한 메서드명이나 선택자가 확실치 않을 때 쉽게 찾아볼 수 있게 구성돼 있다.

마지막 부록 D에서는 jQuery 1.7 버전에서 새롭게 추가된 주요 내용과 API 등에 대해 요약하고 설명한다.