추가 적립 안내

『Ajax와 jQuery 프로그래밍 입문』은 Ajax와 jQuery 프로그래밍 학습 입문자들이 이해하기 쉬운 예제를 수록하였으며 전통적인 개발방식과 Ajax를 이용한 개발방식의 비교 설명한 이론서다.

- 초보자도 이해하기 쉽게 구성한 예제 수록
- 전통적인 개발방식과 Ajax를 이용한 개발방식의 비교 설명
- Ajax 핵심 개념 설명 및 예제 수록
- DOM 트리 구조 및 동적 화면 처리 구현 방법 설명
- JSON 및 XML 데이터 파싱 처리 방법 설명
- jQuery를 활용한 DOM 처리 및 애니메이션 기능 구현 방법 설명
- jQuery의 Ajax 기능 사용 방법 및 JSP 연동 예제 수록

PART 01 Ajax 프로그래밍

CHAPTER 01 Ajax 개요
1 Ajax 개요
2 Ajax가 반드시 필요한 이유
3 Ajax의 기본 구성 요소
4 전통적인(Non Ajax) 개발방식과 Ajax 개발방식 비교
5 Ajax 어플리케이션 대표적인 예

CHAPTER 02 개발 환경 구축
1 JDK(Java Development Kit) 설치
2 이클립스 개발 툴 설치
3 톰캣(웹 서버) 설치
4 이클립스와 톰캣 연동
5 이클립스에서 글꼴 변경 및 인코딩 변경
6 HTML 파일 작성해 보기
7 이클립스에서 소스 코드 import하기

CHAPTER 03 XMLHttpRequest 객체
1 XMLHttpRequest
2 크로스 도메인(Cross Domain) 요청 처리

CHAPTER 04 DOM 개요
1 DOM 개요
2 DOM과 Ajax를 활용하는 상황별 예제


PART 02 jQuery 프로그래밍

CHAPTER 05 jQuery 개요
2 jQuery 기본(Core) 선택자
3 jQuery 계층(Hierarchy) 선택자
4 jQuery 속성 선택자
5 jQuery 필터 선택자

CHAPTER 06 jQuery Traversing
1 Filtering
2 기타 Traversing
3 Tree Traversal

CHAPTER 07 jQuery Attributes
1 .attr(속성명)와 .attr(속성명, 속성값) 메서드
2 .removeAttr(속성명) 메서드
3 .val() 메서드와 .val(값) 메서드
4 .text()와 .text(값) 메서드
5 .html() 메서드와 .html(값) 메서드
6 .addClass(className) 메서드
7 .removeClass(className) 메서드
8 .toggleClass(className) 메서드

CHAPTER 08 jQuery Manipulation
1 .append(content) 메서드
2 .appendTo(target) 메서드
3 .prepend(content) 메서드
4 .prependTo(target) 메서드
5 .after(content) 메서드
6 .insertAfter(target) 메서드
7 .before(content) 메서드
8 .insertBefore(target) 메서드
9 .wrap(html) 메서드
10 .wrapAll(html) 메서드
11 .wrapInner(html) 메서드
12 .unwrap() 메서드
13 .replaceWith(content) 메서드
14 .replaceAll(target) 메서드
15 .empty() 메서드
16 .remove([selector]) 메서드
17 .clone() 메서드
18 .clone(true) 메서드

CHAPTER 09 jQuery Utilities
1 jQuery.each(object, function) 메서드
2 jQuery.grep(array, function[, inverter]) 메서드
3 jQuery.map(array, function) 메서드
4 jQuery.merge(arr1, arr2) 메서드
5 jQuery.extend(target, obj1[, objN]) 메서드
6 jQuery.makeArray(obj) 메서드
7 jQuery.inArray(value, array) 메서드
8 jQuery.trim(str) 메서드
9 jQuery.isArray(obj) 메서드
10 jQuery.isEmptyObject(obj) 메서드
11 jQuery.isNumeric(value) 메서드
12 jQuery.isPlainObject(obj) 메서드
13 jQuery.parseXML(data) 메서드
14 jQuery.parseJSON(json) 메서드
15 jQuery.type(obj) 메서드
16 jQuery.uniqueSort(domArray) 메서드
17 jQuery.data(element, key, value)와 jQuery.data(element, key) 메서드
18 .each(function) 메서드
19 .get([index]) 메서드

CHAPTER 10 jQuery Events
1 Event 설정 및 해제 관련 메서드
2 Form 관련 Event 메서드
3 마우스 관련 Event 메서드

CHAPTER 11 jQuery Effects
1 Effects 관련 메서드
2 Custom Effects 관련 메서드

CHAPTER 12 jQuery의 Ajax 관련 기능
1 jQuery.ajax(url[, settings]) 메서드
2 .load(url[, data][, callback]) 메서드
3 jQuery.get(url[, data][, callback][, dataType]) 메서드
4 jQuery.post(url[, data][, callback] [, dataType]) 메서드
5 jQuery.getJSON(url[, data][, callback]) 메서드
6 .ajaxComplete(function) 메서드
7 .ajaxSetup(options) 메서드
8 .serialize() 메서드

Ajax와 jQuery 프레임워크를 같이 살펴봐야 하는 이유는

JavaScript와 마찬가지로 jQuery 프레임워크는 웹 브라우저에서 실행되는 front-end 환경의 개발 언어입니다. jQuery를 활용하면 동적인 화면 구성 및 손쉬운 이벤트 처리, 간단한 사용자 정의 애니메이션, 크로스 브라우징과 같이 JavaScript만으로 구현하기 어려웠던 복잡한 작업들을 매우 효과적으로 손쉽게 구현할 수 있습니다. 하지만, 실제로 서비스되고 있는 많은 웹 어플리케이션은 JavaScript 또는 jQuery 같은 front-end 기술뿐만 아니라 JSP, ASP, PHP 같은 서버 프로그래밍을 이용한 서버와의 통신을 통해서 사용자들의 요구 사항을 충족시키고 있습니다.

웹 쇼핑을 하거나 영화예매를 하거나 또는 길 찾기 서비스, 맵 서비스를 활용하거나 특정 포털 사이트의 메일을 사용하는 등과 같이 거의 모든 웹 어플리케이션에서 서버 통신 기술을 필요로 합니다.

사용자들의 요청에 굼뜨게 반응하거나 전체 화면에서 일부분이 변경되었음에도 전체 화면이 다시 재로딩(reloading) 되도록 어플리케이션을 구축하는 것은 사용자 입장에서는 제대로 된 UI/UX라고 볼 수 없습니다. 사용자 요청에 대한 즉각적인 반응 및 HTML을 이용한 전체 화면 변경이 아닌 JSON/XML 데이터를 통한 화면 일부분의 변경 기술 중심에 Ajax 기술이 있습니다.

따라서 클라이언트인 웹 브라우저와 서버와의 효율적인 통신 방법으로 Ajax 기술이 사용되기 때문에 Ajax와 jQuery 프레임워크를 반드시 같이 이해하고 정리하는 것이 매우 중요합니다.