Ajax 웹프로그래밍

Part I. Ajax를 구성하는 기본 구성 요소
1장 Ajax 프로그래밍을 위한 기본지식
1. Ajax(Asynchronous JavaScript + XML)의 개요
(1) Ajax란 무엇인가? / (2) Ajax의 기본이 되는 요소 기술들에 대한 개요
(3) Ajax 이용의 장점 / (4) 인터넷으로 통신 하는 경우 기본이 되는 HTTP의 구조 / (5) 서버와 비동기통신의 구조에 대하여 / (6) 웹 브라우저의 이벤트 / (7) XHTML에 대하여 / (8) DynamicHTML / (9) JavaScript / (10) CSS / (11) HTML과 CSS 와 JavaScript의 역할 분담 / (12) DOM / (13) 리치 클라이언트
2. 작업 환경 설정
(1) 자바 다운로드 및 설치 / (2) 톰캣 다운로드 및 설치 / (3) 개발 툴 설치

2장 기본적으로 알아야 할 JavaScript
1. JavaScript의 개요
2. 함수(Function)
(1) 사용자정의 함수 작성 / (2) 알아두어야 할 내장함수 스타일 변경
3. 객체에 따른 메소드와 이벤트(Event)
(1) 이벤트와 이벤트 핸들러 / (2) 객체에서 발생하는 중요이벤트 및 메소드
4. 객체지향 자바스크립트
(1) prototype 프로퍼티 사용 / (2) 자바스크립트에서 정보 은닉

3장 DOM(Document Object Model)
1. DOM(Document Object Model)의 개요
2. DOM(Document Object Model)의 사용
(1) HTML과 자바스크립트, 그리고 CSS를 사용한 기본 구조 / (2) 프로퍼티와 메소드를 포함한 클래스의 선언 / (3) 클래스의 객체에 메소드 추가 / (4) prototype.js를 사용한 클래스의 선언 / (5) 클래스를 상속해서 서브클래스 생성 - 클래스의 상속 / (6) 상속관계에서 같은 이름의 메소드 재정의 - 메소드 오버라이딩 / (7) 슈퍼 클래스의 메소드를 호출해서 사용 / (8) 추상 클래스를 상속받는 서브 클래스의 구현 / (9) DOM 트리 객체의 태그를 생성 및 변경 / (10)사용자의 동작(마우스 이벤트)에 의해 페이지 스타일 변경 / (11) 키보드에서 입력받아(키보드 이벤트에 의한) 페이지의 스타일 변경

Part II. XMLHttpRequest(XHR)객체의 사용과 서버와의 연동
4장 XMLHttpRequest(XHR) 객체
1. XMLHttpRequest(XHR)객체의 개요
(1) 개요 / (2) XMLHttpRequest(XHR) 객체 생성
2. XMLHttpRequest(XHR)객체의 메소드와 프로퍼티
(1) XMLHttpRequest(XHR) 객체의 메소드 / (2) XMLHttpRequest(XHR)객체의 프로퍼티
3. XMLHttpRequest(XHR)객체를 사용한 서버에 요청보내기
(1) XMLHttpRequest객체를 사용한 서버와 클라이언트의 통신 구조 / (2) HTTP 메소드 / (3) XMLHttpRequest객체를 사용한 Ajax프로그래밍의 이해

5장 서버와의 연동
1. GET 방식과 POST 방식으로 서버에 요청 전송
(1) GET 방식으로 요청보내기 / (2) POST 방식으로 요청보내기
2. 서버로부터의 응답결과 처리
(1) 응답결과를 문자열로 처리 / (2) 응답결과를 XML로 처리
3. JSON(JavaScript Object Notation)
4. 이클립스에 GWT를 설치해서 이클립스에서 Ajax개발환경 설정
(1) 이클립스 및 WTP 설치 / (2) GWT(Google Web Toolkit) 및 Googlipase 설치 / (3) Ajax프로젝트의 작성

6장 Ajax를 적용한 기본적인 기법들
1. 자동갱신 페이지 구현 1
2. 선택에 의해 변경되는 동적 리스트 구현
3. 진행막대 구현
4. 자동갱신 페이지 구현 2
5. 해당 항목의 설명 부분 구현
6. 검색어의 자동 완성 기능 구현

Part III. Ajax와 DB의 연동을 통한 어플리케이션 구축
7장 데이터베이스
1. 데이터베이스의 개요 및 설치
(1) 개요 / (2) 데이터베이스 설치
2. SQL(Structured Query Language) 쿼리의 개요
(1) SQL 쿼리의 개요 / (2) 테이블 생성
3. JDBC(Java Database Connectivity)
(1) JDBC 이해 / (2) JDBC를 사용한 프로그래밍과 데이터베이스의 연동
4. 자카르타 DBCP API를 이용한 커넥션 풀 사용
(1) 커넥션 풀(Connection Pool)의 개요 / (2) 자카르타 DBCP API를 이용한 커넥션풀
5. 이클립스에 [Database Explorer] 뷰를 사용한 데이터베이스의 직접 제어
(1) 데이터베이스 서버 와 JDBC드라이버 / (2) [Database Explorer] 뷰에서 데이터베이스 접속 / (3) [SQL Scrapbook Page]와 [Data Output] 뷰

8장 데이터베이스를 연동한 Ajax적용 기법
1. 데이터베이스와 연동한 자동갱신 페이지 구현 1
2. 데이터베이스와 연동한 선택에 의해 변경되는 동적 리스트 구현
3. 데이터베이스와 연동한 자동갱신 페이지 구현 2
4. 데이터베이스와 연동한 해당 항목의 설명 부분 구현
5. 데이터베이스와 연동한 검색어의 자동 완성 기능 구현

9장 웹 어플리케이션에서 활용되는 Ajax 기법
1. 뉴스목록의 표시 및 뉴스에 의견달기시스템
(1) newsList테이블에 필드추가 , 레코드 수정
(2) 데이터베이스와 연동하는 자바빈 작성
(3) Ajax의 기능을 사용하기 위한 관련파일의 작성
2. 회원관리 시스템(인증된 회원을 위한 서비스 시스템)
(1) member 테이블에 필드 추가 , 레코드 수정 및 clubList 테이블의 생성, 레코드 추가와 클럽에 가입한 회원을 관리하기 위한 테이블을 생성 / (2) 데이터베이스와 연동하는 자바빈 작성 / (3) Ajax의 기능을 사용하기 위한 관련 파일의 작성

부록
부록 A
실시간 검색어, 회원인증, 뉴스리스트표시를 메인페이지를 만들어서 연결하는 예
부록 B
1. HTML 검증기
2. 자바스크립트 문법체크 및 검증기
3. 파이어폭스용 JsUnit을 사용한 자바스크립트 테스트