자바스크립트 객체지향 프로그래밍

▣ 00장_들어가며

0.1 자바스크립트의 저평가
0.2 웹 개발 환경의 변화
0.3 이 책에서 다루는 내용
- 이 책의 내용
- 대상 독자
0.4 이 책의 구성
0.5 테스트 툴
- 파이어버그 설치
- 파이어버그 실행

▣ 01장_자바스크립트의 기본 개념

1.1 리터럴
1.2 변수
1.3 데이터 타입
1.4 var 변수
1.5 값 타입의 데이터와 참조 타입의 데이터
1.6 프로그램 실행 단계

▣ 02장_자바스크립트의 기본 문법

2.1 원시 타입
- 숫자
- 문자열
- 불린
- undefined와 null
2.2 연산자
- 증가, 감소 연산자
- 비교 연산자
- 논리 연산자
2.3 실행 제어
- 조건문
- 반복문
- 예외 처리

▣ 03장_자바스크립트의 함수

3.1 자바스크립트 함수의 역할
3.2 함수 모델링
3.3 함수 정의 - 3가지 방법
3.4 함수 인자 - arguments, callee
3.5 Function
3.6 함수 객체
3.7 익명 함수
3.8 중첩 함수
3.9 콜백 함수

▣ 04장_변수 스코프

4.1 함수 단위의 변수 관리
4.2 변수 스코프 객체
4.3 렉시컬 특성
4.4 변수 스코프 체인
4.5 루트 객체
4.6 클로저
- 자바스크립트 클로저
- 클로저 인스턴스 I

▣ 05장_자바스크립트 객체

- 클래스 기반의 객체지향
- 객체 생성
- Object객체 정의 I : new Object
- Object객체 정의 II : 객체 리터럴
- 사용자 정의 객체 정의 III

▣ 06장_자바스크립트 객체 멤버

6.1 객체 멤버 관리
- 멤버 구분
- 멤버 관리 구조
- 멤버 접근, 관리
- 멤버 순회, 존재 확인
6.2 prototype, constructor, 인스턴스
- 생성자, 프로토타입 객체, 인스턴스 관계도
- 프로토타입 객체
- 프로토타입 멤버 편집의 비대칭
- 프로토타입 객체 대체
- 생성자
6.3 멤버 접근 제어 구조
- 비공개 멤버 구현
- 클로저 인스턴스 II

▣ 07장_자바스크립트 상속

7.1 함수와 객체 정의
- 함수 정의 절차
- 객체 생성
- this
7.2 자바스크립트 상속
- 프로토타입 멤버 상속
- 프로토타입 체인
- Object 멤버
7.3 Function 상속
- Function 프로토타입 멤버
- Function 상속
7.4 객체 확장
- 프로토타입 멤버 상속 구현 : prototype
- 인스턴스 멤버의 상속 구현 : call/apply
- 상속 구현 통합
- 멤버 확장
7.5 리플렉션
- 타입 판별 - typeof 연산자
- 상세 타입 판별 - instanceof 연산자
- 사용자 정의 타입 판별 - toString 재정의

▣ 08장_내장 객체
8.1 배열 객체
- 배열 생성 I - new Array
- 배열 생성 II - 배열 리터럴
- 배열 객체의 데이터 구조
- Array 프로토타입 멤버
8.2 정규식 객체
- 정규식 객체 생성 - RegExp, 정규식 리터럴
- 패턴 매칭 수행 - 정규식 객체
- 패턴 매칭 수행 - String
8.3 JSON
- JSON
- JSON 형식
- JSON 객체 사용

▣ 09장_자바스크립트 객체 응용

9.1 네임스페이스 구현
9.2 자동 호출 패턴
9.3 싱글톤 패턴 구현
9.4 모듈 패턴 구현
9.5 메서드 체인 패턴 구현

▣ 10장_웹 브라우저 스크립팅

10.1 웹 브라우저 스크립팅
- 웹 브라우저 스크립팅 환경
- 이벤트 기반 프로그래밍
- 웹 페이지 구성 요소
- 자바스크립트 코드 구성
- 웹 페이지 로딩
10.2 이벤트 핸들링
- 이벤트 핸들링
- 이벤트 핸들러 반환값
- 웹 이벤트 핸들러의 this
- DOM Level 2 : 이벤트 전파
- DOM Level 2 : 이벤트 핸들링
- DOM Level 2 : Event 객체
- 브라우저 호환성

▣ 11장_jQuery 프로그래밍

11.1 jQuery학습 가이드
11.2 도입단계 : jQuery 개요
- jQuery 특징
- jQuery 함수, jQuery 객체
- DOM 요소 선택
- jQuery 메서드 체인
- jQuery 요소 스택
11.3 개발 1단계 : 로드 이벤트 핸들러
11.4 개발 2단계 : 화면 요소 선택
- 선택식 기초
- 선택식 확장 - 어트리뷰트
- 선택식 확장 - 폼 요소
- 선택식 확장 - 상태 기준
- 문자열이 아닌 선택식
- DOM 요소 접근
-.find(), .filter(), .end()
-.each(), jQuery.each()
11.5 개발 3단계: 요소 핸들러 등록
- 이벤트 핸들러 등록:.bind()
- 이벤트 핸들링 헬퍼 함수
- 이벤트 객체
11.6 개발 4단계: 요소 조작
- 값 조작 : 텍스트박스 - .val()
- 값 조작 : 선택요소 - .val()
- 값 조작 : 컨테이너 요소 - .text(), html()
- 상태 조작 : .attr()
- 상태 조작 : .show(), .hide()
- 구조 조작 : .empty()
- 구조 조작 : .append(), .prepend()
- 구조 조작 : .clone()
- 클라이언트 캐시 : .data()
11.7 개발 5단계 : 통신
- jQuery.ajax()
-.load(), $.get(), $.getScript()
11.8 심화 단계 : jQuery 라이브러리 분석
- jQuery 구조
- jQuery 함수
- jQuery 프로토타입 객체
- jQuery.fn -프로토타입 객체 확장
- jQuery의 this 컨텍스트
- 플러그인 제작
- 커스텀 이벤트

▣ 12장_참고 자료

- 도서
- 훌륭한 웹문서

이 책에서는 우선 자바스크립트를 웹 페이지에 동적인 효과를 추가하거나 입력 데이터의 유효 성 검사를 수행하는 등의 보조적인 수단이 아니라 클라이언트 측의 메인 로직을 구현하는 본격적인 프로그래밍 언어로 간주한다.

프로그램을 작성하는 방법론 관점에서 보면 자바스크립트는 함수(function)를 위주로 프로그래밍을 해 나가는 절차적 프로그래밍(procedural programming)과 함수를 비롯해 모든 것을 객체로 간주해서 객체를 중심으로 프로그래밍을 해 나가는 객체지향 프로그래밍(object-oriented programming)을 모두 지원하는 언어다.

객체지향 프로그래밍 언어도 다시 클래스 기반의 프로그래밍과 프로토타입 기반의 프로그래밍으로 나뉘는데, 자바스크립트는 프로토타입 기반의 객체지향 프로그래밍을 지원한다. 클래스 기반 언어에서는 클래스를 이용해 객체를 만들고 클래스를 기반으로 상속을 지원하지만 프로토타입 언어에서는 객체의 원형(프로토타입)을 이용해 객체를 만들고 상속도 프로토타입을 기반으로 한다.

자바스크립트에서 프로토타입을 정의할 때는 함수를 이용한다. 즉, 자바스크립트에서의 함수 는 프로토타입 기반의 객체지향 프로그램의 기본이 된다. 함수의 특성을 잘 알아야 자바스크립트의 객체지향 특징을 제대로 이해할 수 있다. 따라서 이 책에서는 함수를 설명하는 데 많은 노력을 기울였다.