Ajax 인 액션

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 프레임웍과 라이브러리