1장. 간단히 살펴보는 자바스크립트 역사 자바스크립트의 출현 문서 객체 모델(DOM)에 대해 브라우저 업체 간 전쟁 DHTML은 모호한 용어 브라우저 간 비호환 문제 발생 표준의 중요성 인식 다른 분야에서의 표준 브라우저 전쟁 종전 선언 웹 표준 시대의 개막 2장에서 다룰 내용
2장. 자바스크립트 문법 익히기 코드 작성 전에 알아야 할 점 문법 공부 명령문 주석 변수 데이터 형식 문자열 숫자 불린 값 배열 결합형 배열 연산자 산술 연산자 조건문 비교 연산자 논리 연산자 반복문 while문 do...while문 for문 함수 변수 유효 영역 객체 네이티브 객체 호스트 객체 3장에서 다룰 내용
3장. 문서 객체 모델(DOM)이란? D는 문서입니다 O는 객체입니다 M은 모델입니다 노드 엘리먼트 노드 텍스트 노드 속성 노드 CSS와의 관계 getElementById getElementsByTagName 속성 다루기 getAttribute setAttribute 4장에서 다룰 내용
4장. 자바스크립트로 만드는 이미지 갤러리 마크업 코드 작성하기 자바스크립트 작성하기 DOM 전환 함수 완성 자바스크립트 적용하기 이벤트 핸들러 함수 확장 childNodes 프로퍼티 nodeType 프로퍼티 마크업에 설명문 요소 추가 설명문을 자바스크립트로 바꾸기 nodeValue 프로퍼티 firstChild와 lastChild nodeValue를 사용해 설명문 내용 변경하기 5장에서 다룰 내용
5장. 꼭 알아야 할 핵심 기본기 자바스크립트에 대한 오해 문제점 많은 코드의 전파 플래시 사례 꼭 필요한지 철저히 검토하기 단계적 기능 축소 javascript: 슈도 프로토콜 인라인 이벤트 핸들러 사용자 배려 CSS 기술의 교훈 단계적 기능 향상 스크립트 분리 하위 호환성 브라우저 검사 6장에서 다룰 내용
6장. 이미지 갤러리 기능 개선 복습 단계적 기능 축소가 가능한가? 스크립트를 분리했는가? 이벤트 핸들러 추가 점검 사항 간단한 이름 지정 반복 구문 만들기 동작 변경 마무리 작업 나누기 검증 코드 작성 미세 조정 키보드 접근법 onkeypress 다시 보기 CSS와 공유하기 DOM 코어와 HTML-DOM 7장에서 다룰 내용
7장. 실행 시에 마크업 코드 생성하기 document.write innerHTML 찬반 양론 DOM 메소드 createElement appendChild createTextNode 좀더 복잡한 조합 사진첩 다시 살펴보기 insertBefore insertAfter 함수 만들기 insertAfter 함수 사용 사진첩 마무리 요약 8장에서 다룰 내용
8장. 의미가 살도록 컨텐트 개선하기 하면 안 되는 것 속성을 화면에 표시하기 내용 HTML이냐? XHTML이냐? 마크업 CSS 자바스크립트 축약어 목록 표시 displayAbbreviations 함수 만들기 마크업 생성 웹 브라우저 폭탄 인용구 표시 displayCitations 함수 만들기 접근키 표시 마크업 자바스크립트 요약 9장에서 다룰 내용
9장. CSS와 DOM 연동하기 웹 페이지의 세 가지 요소 구조 표현 동작 세 가지 요소 분리하기 style 속성 스타일 가져오기 인라인 스트일만 동작 스타일 지정하기 DOM을 이용한 스타일 지정이 유용한 경우는? 특정 노드의 모양을 꾸밀 경우 반복되는 스타일일 경우 이벤트 처리 결과를 보여주는 경우 className 함수 추상화 10장에서 다룰 내용
10장. 애니메이션 슬라이드쇼 만들기 애니메이션이란? 위치 시간 setTimeout 동작 바꾸기 재활용 함수 만들기 애니메이션 실전 요구 사항 해결 방법 CSS 자바스크립트 변수 영역 문제 해결 부드럽게 만들기 마지막 손질 마크업 만들기 11장에서 다룰 내용
11장. 총정리 소개 기본 초안 사이트 구조 웹 문서 구조 디자인 CSS 색상 레이아웃 글꼴 마크업 자바스크립트 문서 하이라이트 슬라이드 쇼 내부 네비게이션 자바스크립트 사진첩 테이블 기능 향상 폼 기능 향상 레이블 기본 값 폼 유효성 확인 요약 12장에서 다룰 내용
12장. DOM 스크립트의 미래 웹이란? 웹 브라우저 파이어폭스 등장 웹 디자이너 삼각 의자 DOM 스크립트 태스크 포스 Ajax XMLHttpRequest 객체 Ajax 기반 서비스 예제 Ajax에 대한 도전 Ajax 기능을 바르게 쓰기 Hijax Ajax의 미래 웹 애플리케이션 마지막 부탁
부록 메소드 노드 만들기 createElement createTextNode 노드 복사하기 cloneNode 노드 추가 appendChild insertBefore 노드 삭제하기 removeChild 노드 바꾸기 replaceChild 노드 값 변경 setAttribute 노드 찾기 getAttribute getElementById getElementsByTagName hasChildNodes 프로퍼티 노드 프로퍼티 nodeName nodeType nodeValue 노드 내부 구조 보기 childNodes firstChild lastChild nextSibling parentNode previousSibling
부록 Ⅱ 1. 웹 표준을 살리는 멋진 DOM 스크립트 살펴보기 2. YUI, Prototype 웹 표준에 맞게 쓰기 3. 착한 스크립트로 만드는 Ajax 웹 사이트 구조
총 
바보 빅터
