웹 사이트에 접속하는 사용자들은 전통적인 웹 사이트 구성 방법에 이미 식상해 있다. 웹 페이지를 보다 보면 스크롤 위치가 자꾸 바뀌는 통에 짜증이 나고, 페이지를 새로 받아오는 동안 멍하니 기다리기도 하며, 새로 받아온 페이지에 눈을 적응시키느라 스트레스를 받는다. 불편한 점이 이만저만이 아니다. 자바스크립트와 XML을 사용해 비동기적으로 통신하는 방법, 즉 Ajax라고 알려진 방법을 적용하면 웹 사이트에 접속하는 사용자에게 훨씬 훌륭한 기능과 인터페이스를 제공할 수 있다. 일단 한번 Ajax 인터페이스에 맛을 들인 사용자는 입맛을 바꾸기가 쉽지 않다. Ajax는 웹상에서 물 흐르듯 직관적인 인터페이스를 사용자에게 제공할 수 있는 새로운 개념이다.
Ajax 인 액션은 이렇듯 새로운 개념을 직접 구현하는 데 꼭 필요한 내용을 담고 있다. 애플리케이션 프로그램의 전체적인 기능을 그대로 유지하면서 서버와 클라이언트 부분으로 어떻게 분리하는지를 설명한다. 또한 유연하고 유지보수가 용이한 상태로 애플리케이션을 관리하는 방법도 알려주며, 프로그램을 적절하게 잘 설계해 브라우저 호환성 등의 문제에도 얼마나 잘 대응할 수 있는지를 설명한다. 이 책을 읽기 전에 전통적인 웹 사이트에서 주로 사용하던 낡은 프로그래밍 기법은 버려야 한다. 독자는 프로그램 실행 코드의 상당 부분을 웹 브라우저로 옮겼을 때 어떤 장점이 있는지를 몸소 체험할 수 있다. 이 책은 지금 웹 사이트를 개발하거나 개발해 본 경험이 있는 웹 개발자의 필독서이다.

★ 이 책에서 다루는 주요 내용 ★
■ Ajax의 기본 개념
■ Ajax에서 디자인 패턴이 중요한 이유
■ Ajax를 사용할 때 실수하기 쉬운 부분
■ Ajax를 활용하는 실전 프로젝트: 검색어 자동완성 기능, XSLT를 활용한 실시간 검색 등
■ Prototype, Scriptaculous, x, Rico 등의 Ajax 라이브러리를 활용한 예제
■ Ajax 유저빌리티와 보안, 성능 문제

★ 이 책의 특징 ★
Ajax는 이미 단단한 기반을 확보하고 있는 여러가지 웹 관련 기술을 한데 모아 새롭고 재미있는 방법으로 활용하는 방법이다. 완전히 새로운 기술을 처음으로 접해 공부해야 한다면 백지부터 시작하기 때문에 오히려 간단할 수도 있다. 하지만 Ajax는 다르다. 이전에 사용하던 상당수의 방법과 개념을 버려야 한다. 이런 특성 때문에 Ajax 인 액션은 다른 출판사의Ajax 책이나 인 액션(In Action) 시리즈가 늘 해왔던 것과는 약간 다른 방법으로 구성되어 있다. 책을 읽다보면 다른 점을 느낄 수 있을지도 모르겠지만, 이런 방법이 Ajax를 설명하기에 가장 적합한 방법이라고 생각한다.
또한 Ajax는 그 자체로 대부분 클라이언트측에 치우쳐 있는 기술이라고 볼 수 있는데, 클라이언트 프로그램이 완전히 바뀌기 때문에 서버측 프로그램도 모두 바꿔야 할 필요가 있다. 이 책은 주로 클라이언트측의 프로그램을 중심으로 하고 있고, 대부분의 프로그램 예제도 자바스크립트로 작성되어 있다. Ajax를 사용하면 몇 가지 기본 원칙을 통해 서버와 클라이언트를 자연스럽게 분리시킬 수 있고, 완전히 분리되어 있기 때문에 어떤 종류의 서버측 언어라도 사용할 수 있다. 그러다 보니 다양한 언어를 사용하는 개발자를 배려할 필요가 있었고, 예제 프로그램에서 서버 부분에 PHP, 자바, C#, 비주얼베이직.NET 등 다양한 종류의 프로그래밍 언어를 활용했다. 더 중요한 점은 서버측 프로그램을 최대한 간결하고 특이한 방법을 사용하지 않는 방향으로 구성했기 때문에, 필요하다면 직접 다른 언어와 환경에 맞춰 쉽게 포팅할 수 있도록 했다. 특정 부분에서 언어적인 특성을 활용하는 경우가 있다...면 해당 언어에 익숙하지 않은 독자라도 쉽게 이해할 수 있도록 상세한 내용을 최대한 설명하려고 노력했다.

★ 이 책의 구성 ★
1부는 Ajax가 무엇인지, 소프트웨어 개발 시 활용하면 어떤 면에서 유용한지를 설명하고, 개발 결과물의 품질을 높일 수 있는 몇 가지 도구도 살펴본다. 2부는 Ajax 애플리케이션이 실제로 동작하게 만드는 데 필요한 핵심 기법을 살펴보고, 3부는 2부에서 살펴봤던 것처럼 여러 기법을 사용해 개발 개념을 확인하는 수준에서 제품 수준까지 품질을 끌어 올릴 수 있는 방법을 알아본다. 4부는 좀 더 실무적인 관점으로 5개의 Ajax 프로젝트를 단계별로 설명하면서 진행하고, 끝으로 각 프로젝트의 결과물을 리팩토링해 독자들이 직접 자신의 웹 애플리케이션에서 활용할 수 있는 컴포넌트로 탈바꿈시킨다.

★ 부록 CD 소개 ★

본문에서 예로 들었던 예제 프로그램의 소스코드는 모두 부록 CD에 들어있으며http://www.manning.com/crane 페이지에서 다운로드 받을 수도 있다.
닷넷 서버나 J2EE 애플리케이션 서버, 리눅스 장비, 아파치 서버, MySQL 데이터베이스, PHP/파이썬/펄(LAMP) 등의 환경을 각자 사용하기 편한 위치에 갖고 있지 않은 경우가 상당수 있을 것이라고 판단되며, Ajax에서 중점적으로 다루는 부분은 역시 클라이언트측의 프로그램이다. 따라서 가능한 경우에는 아파치, 톰캣, IIS 등의 웹 서버에서 간단하게 활용할 수 있도록 가상(mock) 서버 프로그램을 최대한 마련해 고정적이고 의미 없는 내용이지만 예제를 작동시켜 볼 수 있도록 준비했다. 이런 가상 프로그램은 실제로 동작하는 원본 프로그램과는 별개로 만들어져 있고, 데이터베이스나 웹 서버를 잘 다루는 사람이라면 실제 동작하는 예제를 사용해 보는 것도 좋다. 부록 CD 안에 설정하는 방법을 간단하게 설명한 readme.txt 파일이 있으니 참고하자.

1부 웹 애플리케이션의 새로운 물결

1장 웹의 새로운 패러다임
1.1 Ajax가 각광받는 이유
1.1.1 사용자 인터페이스 측면
1.1.2 네트웍 지연 현상
1.1.3 비동기 상호작용
1.1.4 애플리케이션의 활용 패턴
1.1.5 고정관념에서 벗어나자
1.2 Ajax를 이루는 4가지 원리
1.2.1 애플리케이션을 담는 틀, 브라우저
1.2.2 데이터를 제공하는 서버
1.2.3 지속적이고 원활한 사용자 인터페이스
1.2.4 이제는 웹사이트도 코딩하는 시대
1.3 대표적인 Ajax 클라이언트 사례
1.3.1 업계 현황
1.3.2 구글 맵
1.4 유사 기술
1.4.1 매크로미디어 플래시
1.4.2 자바 웹 스타트
1.5 요약
1.6 참고자료

2장 Ajax 첫걸음
2.1 Ajax의 기본 구성 요소
2.2 자바스크립트로 만드는 새로운 사용자 인터페이스
2.3 CSS로 화면 모양 만들기
2.3.1 CSS 셀렉터
2.3.2 CSS 스타일 속성
2.3.3 간단한 CSS 예제
2.4 DOM 기반 화면 구성
2.4.1 자바스크립트로 DOM 다루는 법
2.4.2 DOM 노드 찾기
2.4.3 DOM 노드 생성
2.4.4 스타일 적용
2.4.5 innerHTML 속성 활용
2.5 XML 데이터를 비동기...적으로 읽어오기
2.5.1 IFrame
2.5.2 XmlDocument와 XMLHttpRequest
2.5.3 서버에 요청 보내기
2.5.4 요청 결과를 받기 위한 콜백 함수
2.5.5 전체 과정
2.6 Ajax가 돋보이는 이유
2.7 요약
2.8 참고자료

3장 Ajax 개발 순서
3.1 혼돈 속의 한 줄기 빛
3.1.1 디자인 패턴
3.1.2 리팩토링과 Ajax
3.1.3 적절한 적용범위 잡기
3.1.4 리팩토링 적용 방법
3.2 리팩토링 사례
3.2.1 퍼사드와 어댑터 패턴을 이용한 브라우저 호환성
3.2.2 옵저버 패턴을 이용한 이벤트 처리
3.2.3 커맨드 패턴을 이용한 사용자 액션
3.2.4 싱글톤 패턴을 이용한 효율적인 자원 관리
3.3 모델 뷰 컨트롤러
3.4 웹 서버 측면의 MVC
3.4.1 패턴을 사용하지 않은 사례
3.4.2 모델 리팩토링
3.4.3 내용과 표현 방법 분리
3.5 참고할만한 라이브러리와 프레임웍
3.5.1 브라우저 호환 문제를 처리하는 라이브러리
3.5.2 위젯 라이브러리
3.5.3 애플리케이션 프레임웍
3.6 요약
3.7 참고자료

2부 Ajax 핵심 기법

4장 애플리케이션으로 다시 태어난 웹페이지
4.1 새로운 차원의 MVC
4.1.1 규모를 넓히자
4.1.2 웹 브라우저와 MVC
4.2 Ajax에서의 뷰
4.2.1 뷰에서 로직 분리해내기
4.2.2 로직에서 뷰 분리해내기
4.3 Ajax에서의 컨트롤러
4.3.1 전통적인 이벤트 처리 방법
4.3.2 W3C 이벤트 처리 모델
4.3.3 유연한 이벤트 모델 구현
4.4 Ajax에서의 모델
4.4.1 자바스크립트를 이용한 객체 모델링
4.4.2 서버와 연동
4.5 모델에서 뷰 생성
4.5.1 자바스크립트 리플렉션
4.5.2 배열과 객체
4.5.3 컨트롤러 추가
4.6 요약
4.7 참고자료

5장 서버의 역할
5.1 서버 작업
5.2 서버 프로그램 구현
5.2.1 많이 쓰이는 프로그래밍 언어
5.2.2 N 티어 구조
5.2.3 클라이언트측과 서버측의 모델
5.3 일반적인 서버 구성 방법
5.3.1 프레임웍을 적용하지 않은 웹 서버
5.3.2 모델2 프레임웍
5.3.3 컴포넌트 기반의 프레임웍
5.3.4 SOA 적용
5.4 데이터 통신 유형
5.4.1 클라이언트 전용 방식
5.4.2 행성 탐색기 예제
5.4.3 내용 중심 : 웹페이지 관점
5.4.4 스크립트 중심 : 플러그인 관점
5.4.5 데이터 중심 : 애플리케이션 관점
5.5 서버에 데이터 전송
5.5.1 HTML 폼
5.5.2 XMLHttpRequest
5.5.3 사용자의 변경 사항 관리
5.6 요약
5.7 참고자료

3부 Ajax 고급 기법

6장 편의성을 고려한 인터페이스
6.1 고품질 애플리케이션의 요건
6.1.1 반응성
6.1.2 안정성
6.1.3 일관성
6.1.4 간결성
6.1.5 실전 적용
6.2 메시지 전달 방법
6.2.1 요청에 대한 응답 처리
6.2.2 다른 사용자의 변경 내용 처리
6.3 Ajax 메시지 프레임웍
6.3.1 메시지 설계
6.3.2 사용자 인터페이스 요구사항
6.4 메시지 프레임웍 구현
6.4.1 상태표시줄과 아이콘
6.4.2 메시지 세부 내용
6.4.3 기능 통합
6.5 네트웍 전송 모듈에 메시지 프레임웍 활용
6.6 최신 데이터 표시
6.6.1 하일라이팅 방법 구상
6.6.2 Scriptaculous 라이브러리의 Effect 객체
6.7 요약
6.8 참고자료

7장 Ajax와 보안
7.1 자바스크립트와 브라우저 보안
7.1.1 원천 서버 정책
7.1.2 Ajax에서 고려해야 할 점
7.1.3 하위 도메인 문제
7.1.4 브라우저별 보안 기능
7.2 원격 서비스와 통신하는 방법
7.2.1 원격 서비스 프록시
7.2.2 웹 서비스 활용
7.3 비밀 데이터 보호
7.3.1 중간자 공격
7.3.2 보안 HTTP 연결
7.3.3 자바스크립트로 하는 데이터 암호화
7.4 Ajax 데이터 전송 정책
7.4.1 안정적인 웹 서버 설계
7.4.2 웹 데이터 접근 제한
7.5 요약
7.6 참고자료

8장 성능
8.1 성능이란?
8.2 자바스크립트 실행 속도
8.2.1 원시적인 실행 시간 측정 방법
8.2.2 벵크만 프로파일러
8.2.3 Ajax 실행 속도 최적화
8.3 자바스크립트 메모리 관리
8.3.1 메모리 누수 방지
8.3.2 Ajax에서 고려해야 할 점
8.4 성능을 높이는 설계 방법
8.4.1 메모리 사용량 측정
8.4.2 간단한 예제
8.4.3 메모리 사용량을 줄이는 방법
8.5 요약
8.6 참고자료

4부 Ajax 실전 프로젝트

9장 동적으로 연동하는 콤보 박스
9.1 더블 콤보 자바스크립트
9.1.1 클라이언트 중심 개발의 제약사항
9.1.2 서버 중심 개발의 제약사항
9.1.3 Ajax로 해결하자
9.2 클라이언트측 구성 방안
9.2.1 HTML 폼 설계
9.2.2 클라이언트와 서버 간의 통신
9.3 서버측 프로그램 : VB.NET
9.3.1 XML 결과 문서 정의
9.3.2 서버측 코드 작성
9.4 결과 표시
9.4.1 XML 문서 들여다보기
9.4.2 CSS 적용
9.5 고급 기능
9.5.1 다중 항목 선택
9.5.2 트리플 콤보
9.6 리팩토링
9.6.1 업그레이드된 ContentLoader
9.6.2 더블 콤보 모듈 구현
9.7 요약

10장 검색어 자동완성 기능 만들기
10.1 사전 조사
10.1.1 일반적인 동작 방식
10.1.2 구글 서제스트 사례
10.1.3 Ajax로 만드는 검색어 자동완성
10.2 서버측 프레임웍 : C#
10.2.1 서버와 데이터베이스
10.2.2 서버측 프로그램 테스트 요령
10.3 클라이언트측 프레임웍
10.3.1 HTML
10.3.2 자바스크립트
10.3.3 서버에 요청 전송
10.4 기능 추가 : 다중 엘리먼트 지원
10.5 리팩토링
10.5.1 첫 날 : TextSuggest 컴포넌트 개발 계획
10.5.2 둘째 날 : TextSuggest 코딩 - 깔끔하고 설정하기 쉬운 컴포넌트
10.5.3 셋째 날 : Ajax 적용
10.5.4 넷째 날 : 이벤트 처리
10.5.5 마지막 날 : 추천단어 목록 화면 구성
10.5.6 리팩토링 결과 보고
10.6 요약

11장 Ajax로 만드는 포털 사이트
11.1 진화하는 포털
11.1.1 전통적인 포털
11.1.2 풍부한 기능의 인터페이스
11.2 자바 기반의 Ajax 포털 구성
11.3 Ajax 로그인 기능
11.3.1 사용자 테이블
11.3.2 서버측 로그인 프로그램
11.3.3 클라이언트측 로그인 프로그램
11.4 DHTML 윈도우 구현
11.4.1 윈도우 데이터베이스
11.4.2 윈도우 정보를 전달하는 서버측 프로그램
11.4.3 외부 자바스크립트 라이브러리
11.5 Ajax 자동 저장 기능 구현
11.5.1 윈도우 라이브러리 수정
11.5.2 윈도우 정보 자동 저장
11.6 리팩토링
11.6.1 생성 메소드 구현
11.6.2 AjaxWindow.js 라이브러리 호출
11.6.3 포털 컴포넌트의 명령 정의
11.6.4 Ajax 활용
11.6.5 리팩토링 결과 보고
11.7 요약

12장 XSLT를 활용한 실시간 검색
12.1 검색의 기술적인 측면
12.1.1 전통적인 검색 방법
12.1.2 프레임과 팝업 윈도우를 사용할 때의 문제
12.1.3 Ajax와 XSLT를 이용한 실시간 검색 구상
12.1.4 클라이언트로 결과 전송
12.2 클라이언트 프로그램
12.2.1 클라이언트 구성
12.2.2 작업 초기화
12.3 서버측 프로그램 : PHP
12.3.1 XML 문서 만들기
12.3.2 XSLT 준비
12.4 XML과 XSLT 활용
12.4.1 인터넷 익스플로러
12.4.2 모질라
12.5 마무리
12.5.1 CSS 적용
12.5.2 기타 개선 사항
12.5.3 XSLT 도입을 위한 고려사항가 적절한 방법인가?
12.5.4 즐겨찾기 문제 해결 방안
12.6 리팩토링
12.6.1 XSLTHelper
12.6.2 컴포넌트로 재구성
12.6.3 리팩토링 결과 보고
12.7 요약

13장 Ajax 애플리케이션 만들기
13.1 인터넷상의 정보 수집
13.1.1 XML 피드 받기
13.1.2 RSS 표준의 구조
13.2 사용자 인터페이스 구현
13.2.1 작업 흐름
13.2.2 테이블을 사용하지 않은 HTML 프레임웍
13.2.3 CSS 스타일 적용
13.3 RSS 피드 받기
13.3.1 전역 변수
13.3.2 피드 미리 읽어두기
13.4 화면 전환 효과
13.4.1 브라우저별 투명도 설정 방법
13.4.2 나타나고 사라지는 효과
13.4.3 자바스크립트 타이머
13.5 추가 기능
13.5.1 XML 피드 추가
13.5.2 화면 이동 기능
13.6 제약 사항 해결
13.6.1 모질라 보안 문제 해결
13.6.2 애플리케이션 활용 범위 확장
13.7 리팩토링
13.7.1 RSS 리더 모델
13.7.2 RSS 리더 뷰
13.7.3 RSS 리더 컨트롤러
13.7.4 리팩토링 결과 보고
13.8 요약

부록 A. Ajax 개발자의 필수 도구
부록 B. 자바스크립트와 객체 지향 프로그래밍
부록 C. Ajax 프레임웍과 라이브러리