즉각적인 응답이 이뤄지는 웹 사이트 제작을 위한 Hacks

Asynchronous JavaScript and XML을 의미하는 Ajax는 오늘날 웹 개발자가 알아야 할 가장 중요한 기술 조합 중 하나입니다. 여러 기술의 풍부한 조합 덕분에 Ajax 개발자는 XML 기반의 웹 서비스와 상호 작용을 하는 웹 애플리케이션을 만들 수 있으며 자바스크립트로 서버의 응답을 처리할 수 있습니다. Ajax를 온전히 활용하기 위해서는 전형적인 "how-to" 도서 이상의 것이 필요합니다. 「Ajax Hacks: 읽고 이해하고 바로 쓴다」는 베일에 가려 있는 Ajax의 다양한 기능을 익힐 수 있도록 직접적이고 간편한 솔루션을 제공합니다. 각각의 핵은 특정 작업을 처리할 수 있는 만족스러운 방법을 보여줌으로써 여러분이 더 쉽고 빠르게 해결책을 찾을 수 있도록 도와줄 것입니다.

주요내용

• Ajax로 구글 맵, 야후 맵 사용하기
• Weather.com 데이터 보여주기
• 주식 정보 스크랩하기
• 우편번호 받아오기
• 자동 완성 기능의 웹 폼 구축하기

이 책의 특징과 장점

• Ajax를 실무에 적용하다 보면 뜻하지 않은 많은 문제들에 부딪히게 되는데 그때마다 속 시원한 해답을 찾기가 쉽지 않습니다. 이 책은 그러한 문제들에 적절한 해답을 제공해 줄 수 있는 아이디어들을 제공합니다.
• Ajax에서 유명한 라이브러리들(Prototype, script.aculo.us 등등)과 Ruby on Rails 같은 프레임워크를 소개해 이 책 한 권만으로 Ajax 라이브러리계의 동향을 접할 수 있습니다.
• 각 핵들은 다른 핵들과 상관없이 독립적인 내용이므로, 마음대로 흥미있는 부분부터 펼쳐 읽어도 상관이 없습니다. 만약 어떤 핵에서 미리 알아야 하는 내용이 있더라도 문제가 없습니다. 관련 핵들은 서로 참조 안내를 하고 있기 때문입니다.

어떤 독자를 위한 책인가?

• Ajax를 사용하고자 하는 개발자, 디자이너
• Ajax를 사용하면서 겪는 문제들에 대한 해답을 찾고자 하는 개발자, 디자이너

추천평(미디어서평)

만약 좀더 좋고, 빠르고, 친근한 웹을 기대한다면. 지금 당장 Ajax라는 흐름에 합류하거나, 적어도 언젠가는 그렇게 해야 한다고 심각하게 고려해야 할 것이다. 지난해부터 웹 선구자들은 Ajax와 그에 따른 부가적인 기술에 대한 기사, 지침, 책들을 끊임없이 발행하고 있고, 어쩌면 당신은 그 중에서 새로운 웹 개발 방법에 대해 설명하고 있는 웹 사이트나 페이지를 한 두 개쯤은 즐겨찾기에 추가해 두거나 Ajax에 대한 프레임워크, 스크립트, 패턴, 효과 등에 관한 쏟아져 나오는 다양한 분야의 문서를 한번쯤 꼭 보거나 혹은 봐야지 하고 모아두고 있을지도 모른다. Ajax Hacks라는 책을 통해서 브루스 W. 페리가 이런 당신의 고민을 확실히 풀어 줄 수 있다고 확신한다. 페리는 80여 개의 Ajax에 대한 흥미로운 hacks(기법 또는 기술)을 제시해, 이를 통해 독자 스스로 Ajax를 정복할 수 있는 방법을 찾도록 도와준다. 이 책의 처음 부분은 Ajax의 동작원리에 대한 보여주고 어떻게 하면 좀더 효과적으로 웹 폼을 처리하고, user input을 점검할 수 있는지를 설명한다. 그리고는 좀더 나아가 구글과 야후의 Maps APIs 어떻게 이용할 수 있을지 예를 보여주고 나서 Rico, Prototype 라는 프레임워크, scipt.aculo.us 와 DWR 스크립트 라이브러리를 소개하고 어떻게 하면 이런 프레임워크와 라이브러리를 좀더 효율적으로 이용할 지를 설명한다. 또 다른 hack에서는 브라우저 history 다루기, bookmarket 사용하기, 클라이언트 상의 캐시와 저장 시스템을 만들기 등을 설명하고 있다. 마지막으로 저자는 Rails 프레임워크 상에서의 Ruby에 의해 제공되는 Ajax 지원을 소개하고, RSH 이용하기, back 버튼 고정하기, 자바스크립트로 웹 서비스 호출하기, 문자열 자동완성하기 등 구체적인 사용 예를 보여준다. 이 책은 읽고 이해하기 쉽고, 잘 분류되어 있어서, 처음 Ajax를 접하는 사람이나 전문가, Ajax에 대한 이해 수준을 높이려는 사람 모두에게 가장 적합하고, 반드시 한 권쯤은 가지고 있어야 할 필독서이다.
- 오라일리 웹 사이트 독자서평 중에서

1장. Ajax 기초
Hack #1 브라우저 호환성 식별하기
Hack #2 요청 객체를 사용해 POST 전송 실행하기
Hack #3 XMLHttpRequest를 사용하는 자신의 라이브러리 작성하기
Hack #4 XML로 데이터 수신하기
Hack #5 일반 문자열로 데이터 수신하기
Hack #6 숫자형 데이터 수신하기
Hack #7 JSON 형식 데이터 수신하기
Hack #8 요청 객체의 에러 처리하기
Hack #9 HTTP 응답 심화 학습하기
Hack #10 CSS 파일을 사용해 스타일이 적용된 메시지 생성하기
Hack #11 실행 중에 스타일이 적용된 사용자 메시지 생성하기

2장. 웹 폼
Hack #12 브라우저의 새로고침 없이 text 필드나 textarea 값을 서버로 전송하기
Hack #13 서버 데이터를 가져와 text 필드나 textarea에 표시하기
Hack #14 새로고침 없이 선택된 목록 값 서버로 전송하기
Hack #15 서버 데이터를 사용해 동적으로 select 리스트 생성하기
Hack #16 기존에 있는 select 리스트 확장하기
Hack #17 새로고침 없이 checkbox의 값을 서버로 전송하기
Hack #18 서버 데이터를 가지고 동적으로 checkbox 그룹 생성하기
Hack #19 서버 데이터를 기존의 checkbox 그룹에 반영하기
Hack #20 HTTP 응답 데이터를 사용해 순서 없는 목록 변경하기
Hack #21 서버로 hidden 태그의 값 전송하기

3장. 유효성 검사
Hack #22 text 필드나 textarea가 빈 칸인지 검사하기
Hack #23 이메일 주소 유효성 검사하기
Hack #24 이메일 주소 중복 검사하기
Hack #25 신용카드 번호 유효성 검사하기
Hack #26 신용카드의 보안 코드 유효성 검사하기
Hack #27 우편번호 유효성 검사하기

4장. 웹 개발자를 위한 파워 핵
Hack #28 구글 맵 API 사용 권한 얻기
Hack #29 구글 맵 API의 요청 객체 사용하기
Hack #30 Ajax로 구글 맵과 야후!맵의 매쉬업 사용하기
Hack #31 Weather.com의 XML 데이터 표시하기
Hack #32 Ajax로 야후!맵과 GeoURL 매쉬업 사용하기
Hack #33 파이어폭스에서 Ajax로 생성한 태그 디버그 하기
Hack #34 우편번호 가져오기
Hack #35 크기 제한 없고 관리할 수 있는 북마크릿 만들기
Hack #36 Aajx 애플리케이션에서 클라이언트 사이드의 저장 장치 사용하기
Hack #37 iframe으로 방문 기록 제어하기
Hack #38 서버로 쿠키 값 전송하기
Hack #39 XMLHttpRequest로 웹 페이지 내용에 있는 연료 가격 발췌하기
Hack #40 XMLHttpRequest로 이메일 전송하기
Hack #41 브라우저의 로케일 정보 알아내기
Hack #42 RSS 리더 만들기

5장. 자바 사용자를 위한 DWR
Hack #43 자바 웹 애플리케이션에 DWR 설정하기
Hack #44 DWR을 이용해 자바 배열 값을 select 리스트에 추가하기
Hack #45 DWR을 사용해 자바 맵 데이터를 가져와 select 리스트 만들기
Hack #46 웹 페이지에 자바 해시맵(HashMap)의 데이터를 키/쌍으로 보여주기
Hack #47 DWR을 사용해 자바 배열을 순서 있는 리스트로 나타내기
Hack #48 자바스크립트로 커스텀 자바 객체 사용하기
Hack #49 DWR을 사용해 자바스크립트에서 자바 내장 객체 호출하기

6장. Prototype과 Rico 라이브러리를 이용한 Ajax Hack
Hack #50 애플리케이션에서 Prototype의 Ajax 툴 사용하기
Hack #51 서버 데이터를 사용해 HTML 엘리먼트의 내용 업데이트하기
Hack #52 폼 필드의 값이 변하는지 모니터링하기
Hack #53 Rico를 사용해 하나의 서버 응답으로 서너 개의 엘리먼트 업데이트하기
Hack #54 드래그 앤 드롭 서점 만들기

7장. Ruby on Rails의 Ajax
Hack #55 Ruby on Rails 설치하기
Hack #56 Rails로 Ajax 요청 모니터링하기
Hack #57 Rails 애플리케이션에서 사용할 수 있게 자바스크립트 코딩하기
Hack #58 Rails 탬플릿에서 동적으로 select 리스트 생성하기
Hack #59 Ajax에서 요청했는지 알아내기
Hack #60 데이터베이스의 데이터를 사용해 동적으로 select 리스트 생성하기
Hack #61 주기적으로 HTTP 요청하기
Hack #62 Rails로 서버 환경 변수 살펴보기

8장. script.aculo.us 맛보기
Hack #63 Ajax 애플리케이션에서 script.aculo.us의 시각 효과 사용하기
Hack #64 잘못된 로그인 정보를 입력하면 어깨를 으쓱하는 로그인 박스 만들기
Hack #65 script.aculo.us를 사용해 자동 완성 필드 만들기
Hack #66 인 플레이스(in-place) 에디터 만들기
Hack #67 서버로 전송될 때(submit) 사라지는 웹 폼 만들기

9장. 선택과 효율
Hack #68 Ajax 애플리케이션에서 브라우저의 <뒤로> 버튼 고정하기
Hack #69 RSH를 사용해 즐겨찾기와 <뒤로> 버튼 제어하기
Hack #70 HTTP 요청을 위한 시간제한 설정하기
Hack #71 큰 규모의 자바스크립트 애플리케이션에서 관리 편이성, 성능, 신뢰성 향상시키기
Hack #72 자바스크립트와 Ajax 코드를 다른 사람이 읽기 어렵게 만들기
Hack #73 웹 서비스에 요청하려고 동적 script 태그 사용하기
Hack #74 크로스 도메인 문제를 해결할 수 있게 아파치 설정하기
Hack #75 브라우저 내에서 서치 엔진 동작시키기
Hack #76 Xforms로 스크립트 대신 선언적 마크업(Markup) 사용하기
Hack #77 클라이언트 사이드 캐시 구축하기
Hack #78 자동 완성 필드 만들기
Hack #79 주제에 대한 더 많은 정보를 동적으로 표시하기
Hack #80 문자열과 배열을 사용해 동적으로 HTML 생성하기