DOM 스크립트

제레미 키스 저자(글) · 윤석찬 번역

에이콘출판 · 2007년 07월 10일

책 소개

작가정보

저자(글) 제레미 키스

저자 | 제레미 키스
제레미 키스는 영국 브링턴에서 일하고 있는 웹 개발자이다. 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)를 운영하고 있다.

번역 윤석찬

아마존 웹 서비스의 테크 에반젤리스트다. AWS 클라우드 기술을 전파하며 개발자들이 클라우드를 활용할 수 있도록 지원하는 역할을 하고 있다. 20여 년 동안 온라인 음악 서비스, 전자 지불 및 전자상거래, 대용량 API 플랫폼 등을 개발 및 운영한 경험이 있으며, 웹 개발자로 인터넷 업계에 투신해 스타트업 CTO, 오픈소스 커뮤니티 리더 및 IT 분야 블로거 등 다양한 역할을 수행했다.

목차

• 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
  참고자료 433
  

출판사 서평

기존의 자바스크립트 책과는 완전히 다릅니다!

마크업에서 자바스크립트를 깨끗이 분리하고 핵심 기능은 그대로 살리면서도 다이내믹한 웹을 만들 수 있는 새로운 발상! 웹 디자이너와 웹 개발자가 함께 보는 웹 표준 준수 자바스크립트 필독서

웹 표준 기반의 멋진 DOM 스크립트 예제, 다이내믹한 웹사이트를 위한 고려 사항 등 한국어판 특별 부록 수록


★ 이 책의 주요 내용 ★

자바스크립트와 문서 객체 모델(DOM)을 통한 표준 기반 웹 디자인

● 자바스크립트를 마크업에 넣지 않고도 다이내믹한 효과 만들어 보기
● 자바스크립트를 사용할 수 없는 경우에도 핵심 기능이 유지되는 스크립트 코드 짜기
● 브라우저 호환성을 위해 DOM 표준 방식만 사용하기
● 온라인 사진첩, 애니메이션 등 다양한 이용자 편의 기능 만들기
● 웹 표준을 통해 Ajax에 올바르게 접근하기

여러분은 아마 문서 객체 모델, DOM이란 말을 들어보셨을 것입니다. 그리고 자바스크립트에 대해서도 잘 아실 겁니다. 이 책은 어떻게 하면 이 두 가지 기법을 웹 표준에 맞게 조화롭게 사용할 것인가 하는 점을 다룹니다.

DOM 스크립트를 꼭 웹 프로그래머만 공부하란 법은 없습니다. 사실 이 책은 웹 표준을 어느 정도 알고 있는 분을 위해 만들었습니다. 코드를 짜는 방법을 아주 쉽게 설명하고 실질적인 예제를 들어 쉽게 이해할 수 있게 했습니다. 이 책에 있는 예제들은 쉬울 뿐만 아니라 현장에서 바로 사용할 수 있는 좋은 코드들입니다.

자바스크립트와 DOM은 함께 잘 이용하면 사용성에 있어 강력한 무기가 되지만, 그렇지 않으면 큰 문제를 일으키게 됩니다. 이 책에 실린 훌륭한 예제와 자세한 설명을 통해 여러분은 사용자를 더 고려하는 방법을 익히게 될 것입니다.

여러분이 이미 XHTML과 CSS를 이용한 웹 표준 기법을 알고 계시다면 DOM 스크립트를 통한 기능 향상을 배울 수 있습니다. CSS를 사용해 구조에서 표현을 분리할 수 있듯이 마크업과 사용성을 희생하지 않고도 다이내믹한 효과를 얻을 수 있는 방법을 알려 드립니다.

구닥다리 자바스크립트 문법책은 이제 접고, DOM 스크립트의 새로운 개념에 빠져 보십시오!

기본정보

ISBN	9788960770034 ( 8960770035 )
발행(출시)일자	2007년 07월 10일
쪽수	449쪽
크기	188 * 235 mm
총권수	1권
시리즈명	에이콘 웹 프로페셔널 시리즈