상세정보

8가지 실전 프로젝트로 모던하고 구조적인 실용 자바스크립트를 배워본다. 브라우저 비호환성 처리, 웹 접근성, 스크립트 분리 등 기존 자바스크립트 책에서는 볼 수 없었던 새로운 내용이 가득 담겨 있다. W3C DOM 브라우저 호환성 테이블로 유명한 웹 개발자의 바이블 quirksmode.org의 피터 폴 콕(일명 PPK)이 저술했다.

요약

8가지 실전 프로젝트로 모던하고 구조적인 실용 자바스크립트를 배우자. 브라우저 비호환성 처리, 웹 접근성, 스크립트 분리 등 기존 자바스크립트 책에서는 볼 수 없었던 새로운 내용이 가득 담겨있다. W3C DOM 브라우저 호환성 테이블로 유명한 웹 개발자의 바이블 quirksmode.org의 피터 폴 콕(일명 PPK)이 저술했다.

소개

이 책은 자바스크립트의 역할과 컨텍스트를 정의하면서 시작된다. 자바스크립트가 사용되기에 가장 적합한 작업들을 정의하며, 디버깅, 복잡한 브라우저 문자열과 사이트의 HTML 구조에 스크립트를 붙이는 것에 관해 설명한다. 그리고 이 책의 핵심적인 부분으로, 자바스크립트 코어 언어, 브라우저 객체 모델(BOM), 이벤트 핸들링, 문서 객체 모델(DOM), CSS 변경과 데이터 얻어오기에 대해 설명한다. 전체적으로 이론적인 설명과 함께 관련된 예제 스크립트들을 분석하고 있다.

다른 책들이 자바스크립트를 예제 스크립트를 통해 설명하면서도 전문적인 경험에 비중을 적게 두는 반면, 이 책은 고객에게 실제로 제공되었던 8개의 스크립트를 보여준다. 여러분은 이와 같은 유용한 스크립트를 접할 수 있을 것이다.

★ 이 책에서 다루는 내용 ★

■ 드롭다운 메뉴 만들기
■ CSS 스타일 시트 편집
■ 폼 검증을 위한 프레임워크
■ 사용자가 긴 리스트의 데이터를 쉽게 검색할 수 있게 하기
■ Ajax를 이용해 서버에서 데이터를 가져와서 애니메이션을 갱신하기

정보제공 :

목차
감사의 글 = ⅳ
저자소개 = ⅵ
옮긴이 소개 = ⅶ
옮긴이의 말 = ⅷ
들어가며 = xxviii
1장 역할
 1.1 개념 잡기 = 2
  브라우저에서 상호작용 다루기 = 2
  팻 클라이언트와 씬 클라이언트 = 5
  자바스크립트의 역할 = 7
 1.2 기술 관점에서의 개요 = 8
  표준화 = 9
  버전 = 12
  보안 = 14
 1.3 자바스크립트의 역사 = 16
  잘못된 출발 = 17
  사실상의 표준 = 17
  브라우저 전쟁 = 18
  CSS 표준준수운동 = 22
  새 출발 = 23
  다음엔 무엇이 올까? = 25
2장 자바스크립트가 쓰이는 곳
 2.1 CSS 표준준수운동 = 28
  눈에 띄지 않는 스크립트 = 29
  세 개의 계층 = 30
  관심의 분리 = 32
 2.2 표현과 구조의 분리 = 33
  CSS 수정 = 33
  구조를 변경할 것인가 표현을 변경할 것인가? = 34
 2.3 동작과 구조의 분리 = 36
  함수를 다른 파일로 분리 = 36
  HTML에서 이벤트 핸들러의 제거 = 37
 2.4 동작과 표현의 분리 = 39
  드롭다운 메뉴 - :hover를 쓸 것인가 mouseover／out을 쓸 것인가? = 39
  똑같은 효과와 비슷한 효과 = 42
 2.5 접근성에 대한 개괄 = 45
  접근성이란 무엇인가? = 45
  스크립트가 지원되지 않을 때도 = 45
  마우스가 없을 때도 = 46
  스크린리더 = 47
  접근성과 사용성 = 50
 2.6 접근성 규칙 = 52
  논리적인 HTML = 52
  자바스크립트 사용자를 위한 내용 자동생성 = 53
  사용자를 적당한 페이지로 리다이렉트하기 = 55
  키보드 사용자 = 57
  〈noscript〉 태그 = 57
 2.7 예제 스크립트 = 58
  텍스트영역 최대값 = 59
  유저블 폼 = 60
  폼 검증 = 61
  드롭다운 메뉴 = 61
  스타일시트 편집 = 62
  샌드위치 선택기 = 62
  XMLHTTP 속도계 = 65
  사이트 설문 = 66
3장 브라우저
 3.1 브라우저 = 68
  모질라 패밀리 = 68
  윈도우 익스플로러 = 69
  사파리 = 70
  오페라 = 70
  그 밖의 그래픽 데스크톱 브라우저 = 70
  모바일 폰 = 71
  스크린리더 = 72
 3.2 비호환성 = 73
  문제 = 73
  해결책 = 75
 3.3 객체 탐지 = 79
  객체 탐지 작동원리 = 79
  얼마나 멀리 가야 하나? = 82
 3.4 브라우저 탐지 = 83
  브라우저 탐지가 제대로 되지 않는 이유 = 84
  브라우저 탐지 경쟁 = 85
  브라우저 문자열 풀어보기 = 87
  브라우저 탐지의 올바른 사용 = 92
 3.5 디버깅 = 93
  오류 메시지 = 93
  브라우저 버그 = 97
  예제 = 100
  브라우저 버그 리포팅 = 103
4장 준비
 4.1 HTML과 CSS 구조 = 106
  HTML 구조 = 106
  CSS 구조 = 107
 4.2 훅 = 108
  아이디 = 109
  클래스 = 110
  커스텀 속성 = 112
  이름／값 쌍 = 113
 4.3 페이지 준비 = 116
  이벤트 핸들러 설정 = 116
  방문객의 상태 결정 = 117
  참조 설정 = 117
  내용 생성 = 118
  관계 정의 = 118
  문서 구조 변경 = 120
 4.4 〈script〉 태그 = 120
  문법 = 121
  여러 개의 스크립트 파일 사용 = 123
 4.5 초기화 = 124
  load 이벤트 = 125
  여러 번의 초기화 = 126
  눈에 띄지 않는 초기화 = 127
  load 이벤트 기다리기 = 127
  가장 좋은 방법? = 129
 4.6 예제 스크립트 = 129
  텍스트영역 최대값 = 129
  유저블 폼 = 130
  폼 검증 = 132
  드롭다운 메뉴 = 134
  스타일시트 편집 = 135
  샌드위치 선택기 = 136
  XMLHTTP 속도계 = 138
  사이트 설문 = 139
  세부사항 결정 = 140
5장 코어
 5.1 기초 = 144
  대소문자 구별 = 144
  문장과 세미콜론 = 144
  주석 = 146
  코드 블록: {} = 147
  연산자 = 149
  값 = 151
 5.2 데이터 타입 = 152
  여섯 가지 데이터 타입 = 152
  데이터 타입 변환 = 156
  + 문제 = 158
  불리언 값으로의 변환 = 160
  명시적 데이터 타입 변환 = 160
 5.3 일반 연산자 = 161
  산술 연산자 = 161
  ++와 -- = 162
  ＝, ＝＝, ＝＝＝ = 163
  !＝, ＜, ＞, ＜＝, ＞＝ = 165
  조건 연산자?: = 167
 5.4 변수 = 168
  변수 이름 = 168
  var 키워드 = 169
  변수 범위 = 170
 5.5 숫자로 작업하기 = 172
  8진수와 16진수 = 173
  Math 객체 = 174
  toFixed() = 176
  parseInt()와 parseFloat() = 177
 5.6 문자열로 작업하기 = 177
  인용부호 = 177
  접합: + = 179
  문자열 객체 = 179
 5.7 불리언 값 = 185
  불리언 변수 = 185
  불리언 연산자 = 186
  객체의 존재 테스트 = 188
  불리언 연산자의 고급 사용법 = 189
 5.8 제어 구조 = 192
  if 문장 = 192
  switch = 197
  for, while, do／while = 201
  break와 continue = 207
  try／catch = 209
 5.9 함수 = 210
  기본 함수 문법 = 210
  인자 = 212
  return = 212
  값으로서의 함수 = 215
  포함된 함수와 변수 범위 = 217
 5.10 객체 = 219
  도트 = 221
  객체의 정의 = 221
  메소드와 프로퍼티로 작업하기 = 223
  this 키워드 = 226
  전역 객체 = 227
 5.11 연관 배열 = 227
  각괄호 표기법과 도트 표기법 = 229
  연관 배열 = 230
  for in 문장 = 231
 5.12 배열 = 233
  다차원 배열 = 233
  배열 표기법 = 234
  배열의 사용 = 235
  length = 236
  push, pop, shift, unshift = 237
6장 브라우저 객체 모델(BOM)
 6.1 window 객체 = 241
  전역 객체로서의 window = 241
  새 페이지, 새 window 객체 = 242
  새 전역 객체로서 동작하는 새 window = 243
  window의 프로퍼티 = 246
 6.2 윈도우 간 통신 = 248
  팝업창 열기 = 249
  다른 창을 가리키는 참조 만들기 = 250
  통신채널 다시 만들기 = 251
  창닫기 = 257
  팝업차단기 = 257
 6.3 내비게이션 = 259
  location 객체 = 259
  history 객체 = 261
 6.4 창 위치 알아내기 = 262
  screen 객체 = 262
  창의 크기 = 263
  창 이동, 크기 조정, 스크롤 = 263
  포커스 주기와 포커스 뺏기 = 264
 6.5 기타 = 265
  navigator 객체 = 265
  alert, confirm, prompt = 265
  타임아웃과 인터벌 = 267
 6.6 document 객체 = 269
  lastModified = 269
  referrer = 270
  domain = 270
  write() = 270
  open()과 close() = 272
 6.7 쿠키 = 274
  이름／값 = 275
  만료날짜 = 276
  도메인과 경로 = 276
  쿠키 설정 = 277
  document.cookie = 278
  쿠키 읽기 = 278
  쿠키 지우기 = 279
  쿠키의 사용 예 = 279
  사용자 쿠키 설정 = 281
  쿠키 지원 여부의 확인 = 281
7장 이벤트
 7.1 브라우저 비호환성 = 284
  상황별 해결법 = 285
  개요 = 285
 7.2 이벤트 = 286
  마우스 이벤트 = 286
  키보드 이벤트 = 290
  인터페이스 이벤트 = 291
  W3C 이벤트 = 295
  마이크로소프트 이벤트 = 296
  기본동작 = 296
  이벤트 시뮬레이션 = 299
 7.3 이벤트 핸들러 등록 = 300
  인라인 이벤트 핸들러 = 300
  전통 모델 = 301
  W3C와 마이크로소프트 모델 = 305
  최선의 방법 = 309
 7.4 이벤트 버블링과 캡처링 = 310
  W3C 모델 = 311
  전통 모델과 마이크로소프트 모델 = 313
  이벤트 버블링의 실제 사용 예 = 313
 7.5 이벤트 객체와 그 프로퍼티 = 316
  이벤트 객체 = 316
  타입 = 317
  타깃팅 = 317
  마우스 위치 = 318
  마우스 버튼 = 322
  키 프로퍼티 = 323
 7.6 타깃팅 = 323
  차이점 = 323
  this = 324
  타깃 = 327
  this를 쓸 것인가 이벤트 타깃을 쓸 것인가? = 331
 7.7 예제 스크립트 = 334
  텍스트영역 최대값 = 335
  유저블 폼 = 336
  폼 검증 = 337
  드롭다운 메뉴 = 338
  스타일시트 편집 = 340
  샌드위치 선택기 = 341
  XMLHTTP 속도계 = 342
  사이트 설문 = 342
 7.8 드롭다운 메뉴, mouseout과 relatedTarget = 343
  mouseover = 344
  mouseout과 그 문제점 = 345
  해결책 = 346
  relatedTarget, fromElement, toElement = 347
8장 문서 객체 모델(DOM)
 8.1 개념 = 351
  노드 = 351
  가계도 = 353
 8.2 요소 찾기 = 355
  장거리 이동 = 355
  단거리 이동 = 358
  루트 노드 = 362
 8.3 노드 정보 = 362
  nodeName = 362
  nodeValue = 363
  nodeType = 364
  tagName = 365
 8.4 문서 트리 변경 = 365
  일반 규칙 = 365
  appendChild() = 367
  insertBefore() = 368
  removeChild() = 370
  replaceChild() = 371
  모든 자식 노드의 제거 = 372
 8.5 요소의 생성 및 복제 = 373
  createElement()와 createTextNode() = 373
  cloneNode() = 376
  테이블 및 폼 필드의 생성 = 378
 8.6 innerHTML = 380
  쓰레기가 들어가면 쓰레기가 나올 뿐 = 381
  속도 = 382
  예제 = 383
  innerHTML과 순수 DOM의 협동작업 = 384
  outerHTML, innerText, outerText = 384
  innerHTML과 DOM = 386
 8.7 속성 = 388
  속성 얻기와 설정하기 = 389
  HTML 속성과 자바스크립트 프로퍼티 = 390
  속성을 얻고 설정하는 최선의 방법 = 393
 8.8 텍스트 노드 = 393
  nodeValue = 393
  빈 텍스트 노드 = 394
 8.9 노드리스트 = 398
  위험 = 400
  도우미 배열 = 402
 8.10 폼과 레벨 0 DOM = 403
  레벨 0 DOM 노드리스트 = 403
  폼 필드 = 405
 8.11 DOM 하이퍼스페이스 = 412
  하이퍼스페이스에 요소 보관하기 = 413
  하이퍼스페이스와 innerHTML = 416
  요소는 하이퍼스페이스에? = 416
 8.12 마커 = 417
9장 CSS 수정
 9.1 style 프로퍼티 = 420
  대시 = 422
  단위 = 422
  스타일 얻기 = 423
  축약 스타일 = 425
 9.2 클래스와 아이디의 변경 = 426
  클래스 추가 = 428
  클래스 제거 = 430
 9.3 CSS를 페이지 안에 쓰기 = 430
  즉각적인 적용 = 433
 9.4 전체 스타일시트 변경 = 434
  이론 = 435
  document.styleSheets = 435
  cssRules[]와 rules[] = 437
  selectorText = 438
  style = 438
  cssText와 스타일시트 전송 = 439
  룰 삽입과 삭제 = 441
 9.5 비교 = 443
  예제 = 444
 9.6 요소 보여주기／숨기기 = 445
  간단한 보여주기／숨기기 스크립트 = 446
  테이블의 행 보여주기／숨기기 = 448
 9.7 애니메이션 = 450
  애니메이션 작동원리 = 450
  setTimeout과 setInterval = 452
 9.8 요소의 치수와 위치 = 457
  요소의 치수 = 457
  요소의 위치 = 460
10장 데이터 전송
 10.1 요청 보내기 = 464
  XMLHttpRequest 객체 = 464
  열기 = 466
  readystatechange = 467
  setRequestHeader = 469
  sendRequest 함수 = 470
  abort = 472
 10.2 응답 처리하기 = 472
  status = 472
  콜백 함수 = 474
  responseText와 responseXML = 474
  getResponseHeader = 476
  getAllResponseHeaders = 476
 10.3 응답 포맷 = 476
  XML = 477
  HTML = 479
  JSON = 480
  CSV = 482
  최선의 포맷은? = 483
 10.4 접근성 = 483
  HTML의 접근성 = 484
  기타 응답 포맷의 접근성 = 487
마치며 = 489
찾아보기 = 491