2010 449p
웹 표준 기반을 위한 자바 스트립트 활용서. 이 책은 자바스크립트와 DOM(문서 객체 모델)을 통한 표준 기반 웹 디자인을 만들기 위한 내용을 설명한 것으로 자바스크립트를 마크업에 넣지 않고도 역동적인 효과와 핵심 기능이 유지되는 스크립트 코드 짜는 방법 등을 설명한다. 또한 다양한 예제를 통해 Ajax에 올바르게 접근하는 법과 웹 표준을 살리는 멋진 DOM 스크립트 살펴보기, YUI, Prototype 웹 표준에 맞게 쓰기, 착한 스크립트로 만드는 Ajax 웹 사이트 구조 등 한국어판을 특별히 수록했다.
저자 | 제레미 키스 제레미 키스는 영국 브링턴에서 일하고 있는 웹 개발자이다. Clearleft (www.clearleft.com)라는 웹 컨설팅 업체에서 일하고 있고, XHTML, CSS, DOM과 같은 웹 표준 기술을 이용해 접근성이 높으면서 디자인도 우수한 웹사이트를 즐겁게 만들고 있다. 또한 국제 웹 표준 프로젝트(webstandards.org)의 DOM 스크립트 TF를 이끌고 있기도 하다. 여가 시간에는 alt.country 밴드인 Salter Cane(www.saltercane.com)에서 부주키를 연주하기도 한다. 아일랜드 전통 음악을 다루는 The Session(www.thesession.org)이라는 커뮤니티 웹사이트를 만들고 운영하고 있다. 기술 감수자 | 존 스티븐즈 존 스티븐즈는 90년대 중반 컴퓨터를 다루는 방법을 가르치는 라디오 프로그램을 시작하면서 기술 문서 저술을 시작했다. 그는 96년부터 오픈소스와 웹에 관련된 일을 시작했으며 클라이언트 기술인 자바스크립트와 서버 기술인 PHP, 파이썬, MySQL 등에 비중을 두기 시작했다. 『Professional JavaScript, Second Edition』(Wrox Press, 2001)을 저술했고 각종 자바스크립트과 DOM 스크립트에 대한 책을 저술하고 감수했다. 그의 책 중에는 『 The JavaScript Programmer's Reference』(Wrox, 2001), 『Usable Web Menus』(glasshaus, 2001), 『Professional PHP 4 XML Programming』(Wrox, 2002)과 『Constructing Usable Shopping Carts』(glasshaus, 2002, Apress에서 재출간, 2004) 등이 있다. 최근에는 채드 러셀(Chad Russell)과 함께 『MySQL Database Design and Optimization』(Apress, 2004)을 저술했고, 최근에는 『PHP 5 Recipes』라는 책을 쓰고 있다. 그는 정기적으로 PHP 잡지에 기고도 하고 PHP에서 DOM 스크립트 개발 방식에 대한 이야기를 나누고 있다. 그는 2004년부터 프리랜서 생활을 청산하고 MySQL AB에서 기술 저술가로 활동하고 있다. 그는 MySQL 매뉴얼과 온라인 문서 등을 담당하고 있으며 사용자 포럼에서 지원 활동을 하고 있기도 하다. 그는 미국 여러 지역에서 살다가 2002년에 호주로 이사했으며 브리스베인의 자택에서 몇 마리 고양이와 컴퓨터를 벗삼아 살고 있다. 여가시간에는 해변을 찾아 새로운 커피집을 찾아 나서기도 하고 탐정 소설을 읽거나 딸의 노래를 듣기도 한다. <역자 소개> 윤석찬 ㈜다음커뮤니케이션 테크니컬 에반젤리스트(Technical Evangelist)로서 오픈 API 및 외부 개발자 지원 업무를 맡고 있다. 2002년부터 한국 모질라 커뮤니티(http://mozilla.or.kr) 리더로 파이어폭스 한국어 버전 개발에 관여해 왔다. 2003년 온라인 웹 표준 가이드를 시작으로 다양한 웹 표준 자료를 공개하고 다수의 강의를 통해 홍보 활동을 지속해왔다. 한국 웹 표준 프로젝트(http://webstandards.or.kr) 리더이자 웹 표준 프로젝트(WaSP) 국제 연락 그룹(ILG) 한국 대표로 있으며, 최근 W3C 새 HTML 워킹 그룹의 표준 활동에 참여하고 있다. 2004년부터 ZDNet 칼럼니스트로 활동하고 있으며 오픈소스, 웹 표준, 웹 2.0과 웹 애플리케이션 기술 등 관심사를 담은 개인 블로그(http://channy.creation.net)를 운영하고 있다.
1장. 간단히 살펴보는 자바스크립트 역사 27 자바스크립트의 출현 28 문서 객체 모델(DOM)에 대해서 29 브라우저 업체 간 전쟁 30 DHTML은 모호한 용어 31 브라우저 간 비호환 문제 발생 31 표준의 중요성 인식 32 다른 분야에서의 표준 33 브라우저 전쟁 종전 선언 34 웹 표준 시대의 개막 34 2장에서 다룰 내용 35 2장. 자바스크립트 문법 익히기 37 코드 작성 전에 알아야 할 점 38 문법 공부 40 명령문 41 주석 41 변수 43 데이터 형식 45 문자열 46 숫자 47 불린 값 48 배열 48 결합형 배열 51 연산자 52 산술 연산자 52 조건문 55 비교 연산자 56 논리 연산자 57 반복문 59 while문 59 do...while문 60 for문 61 함수 62 변수 유효 영역 65 객체 66 네이티브 객체 68 호스트 객체 69 3장에서 다룰 내용 69 3장. 문서 객체 모델(DOM)이란? 71 D는 문서입니다 72 O는 객체입니다 72 M은 모델입니다 73 노드 76 요소 노드 76 텍스트 노드 77 속성 노드 77 CSS와의 관계 78 getElementById 81 getElementsByTagName 83 속성 다루기 85 getAttribute 85 setAttribute 87 4장에서 다룰 내용 89 4장. 자바스크립트로 만드는 온라인 사진첩 91 마크업 코드 작성하기 92 자바스크립트 작성하기 95 DOM 전환 97 함수 완성 97 자바스크립트 적용하기 98 이벤트 핸들러 99 함수 확장 101 childNodes 프로퍼티 102 nodeType 프로퍼티 103 마크업에 설명문 요소 추가 104 설명문을 자바스크립트로 바꾸기 105 nodeValue 프로퍼티 106 firstChild와 lastChild 107 nodeValue로 설명 추가하기 108 5장에서 다룰 내용 112 5장. 꼭 알아야 할 핵심 기본기 113 자바스크립트에 대한 오해 114 문제점 많은 코드의 전파 115 플래시 사례 116 꼭 필요한지 철저히 검토하기 117 단계적 기능 축소 118 javascript: 슈도 프로토콜 119 인라인 이벤트 핸들러 120 사용자 배려 120 CSS 기술의 교훈 122 단계적 기능 향상 123 스크립트 분리 125 하위 호환성 127 브라우저 검사 130 6장에서 다룰 내용 130 6장. 사진첩 기능 개선하기 133 복습 134 단계적 기능 축소가 가능한가? 135 스크립트를 분리했는가? 136 이벤트 핸들러 추가 138 점검 사항 138 변수 지정하기 141 반복 구문 만들기 142 동작 변경 143 마무리 144 작업 나누기 145 검증 코드 작성 147 미세 조정 151 키보드 접근법 153 onkeypress 다시 보기 155 CSS와 지시자 공유하기 157 DOM 코어와 HTML-DOM 161 7장에서 다룰 내용 163 7장. 실행 시에 마크업 코드 생성하기 165 document.write 166 innerHTML 169 찬반 양론 172 DOM 메소드 173 createElement 173 appendChild 175 createTextNode 176 좀더 복잡한 조합 179 사진첩 다시 살펴보기 181 insertBefore 184 insertAfter 함수 만들기 185 insertAfter 함수 사용 187 사진첩 마무리 188 요약 193 8장에서 다룰 내용 194 8장. 의미가 살도록 컨텐츠 개선하기 195 하면 안 되는 것 196 속성을 화면에 표시하기 197 내용 198 HTML이냐? XHTML이냐? 199 마크업 200 CSS 202 자바스크립트 203 축약어 목록 표시 203 displayAbbreviations 함수 만들기 204 마크업 생성 207 웹 브라우저 불발탄 215 인용구 표시 219 displayCitations 함수 만들기 220 접근키 표시 227 마크업 227 자바스크립트 229 요약 231 9장에서 다룰 내용 232 9장. CSS와 DOM 연동하기 233 웹 문서의 세 가지 요소 234 구조 234 표현 235 동작 235 세 가지 요소 분리하기 236 style 프로퍼티 236 스타일 가져오기 238 인라인 스타일만 동작 243 스타일 지정하기 245 DOM을 이용한 스타일 지정이 유용한 사례 247 특정 노드의 모양을 꾸밀 경우 247 반복되는 스타일일 경우 252 이벤트 처리 결과를 보여주는 경우 257 className 260 함수 추상화 264 10장에서 다룰 내용 265 10장. 애니메이션 슬라이드쇼 만들기 267 애니메이션이란? 268 위치 268 시간 271 setTimeout 272 동작 바꾸기 273 재활용 함수 만들기 276 애니메이션 실전 286 요구 사항 286 해결 방법 288 CSS 289 자바스크립트 292 변수 영역 문제 해결 296 부드럽게 만들기 299 마지막 손질 303 마크업 만들기 305 11장에서 다룰 내용 309 11장. 총정리: 더블트랙 밴드 웹사이트 제작 311 소개 312 기본 초안 312 사이트 구조 313 웹 문서 구조 314 디자인 315 CSS 316 색상 318 레이아웃 320 글꼴 322 마크업 324 자바스크립트 325 문서 하이라이트 327 슬라이드 쇼 332 내부 네비게이션 338 자바스크립트 사진첩 343 테이블 기능 향상 347 폼 기능 향상 353 레이블 355 기본 값 356 폼 유효성 확인 360 요약 364 12장에서 다룰 내용 365 12장. DOM 스크립트의 미래 367 웹이란? 368 웹 브라우저 369 파이어폭스 등장 369 웹 디자이너 371 삼각 의자 372 DOM 스크립트 태스크 포스 373 Ajax 374 XMLHttpRequest 객체 376 Ajax 기반 서비스 예제 378 Ajax에 대한 도전 381 Ajax 기능 바르게 쓰기 382 Hijax 383 Ajax의 미래 385 웹 애플리케이션 385 마지막 부탁 387 부록 Ⅰ. 유용한 DOM 메소드와 프로퍼티 389 메소드 390 노드 만들기 390 createElement 390 createTextNode 392 노드 복사하기 393 cloneNode 393 노드 추가 395 appendChild 395 insertBefore 396 노드 삭제 397 removeChild 398 노드 바꾸기 398 replaceChild 398 노드 값 변경 399 setAttribute 400 노드 찾기 400 getAttribute 401 getElementById 401 getElementsByTagName 402 hasChildNodes 403 프로퍼티 404 노드 프로퍼티 404 nodeName 404 nodeType 405 nodeValue 406 노드 내부 구조 보기 407 childNodes 407 firstChild 408 lastChild 408 nextSibling 409 parentNode 409 previousSibling 410 [한국어판 특별 부록] 부록 Ⅱ. 웹 표준 기반의 멋진 DOM 스크립트 예제 - 윤석찬 411 Lightbox2, 슬라이드형 사진첩 412 Sortable Table, 다이내믹 테이블 정렬 415 그 밖에 좋은 예제 찾아보기 419 롤 오버 이미지 기능 419 라운드 박스에서 불필요한 마크업 없애기 420 DHTMLgoodies.com 420 [한국어판 특별 부록] 부록 III. 다이내믹한 웹사이트를 위한 고려 사항 - 강규영 423 사용성 424 즉시 편집 UI 425 사용성은 디자이너가 고민해야 하는 것 아닐까? 428 뒤로가기 버튼과 즐겨찾기 429 협업을 위한 도구와 실천법 431
