자바스크립트 닌자 비급

"흥미롭고 독창적인 기법들로 가득 차 있다."



소프트웨어를 항상 정면에서 공략할 수는 없는 일이다. 가끔은 측면에서 또는 몰래 뒤로 돌아 들어가기도 해야 한다. 사용할 무기들을 능숙히 다룰 수 있는 능력이 필요하고, 몰래 잠입하는 방법에 대해서도 숙지하고 있어야 한다. 여러분은 닌자가 되어야 한다.

이 책은 여러분이 자바스크립트에 대한 깨달음을 얻을 수 있게 이끌어 줄 것이다. 이 책은 달인의 관점에서 바라본, 함수와 객체 그리고 클로저 사이의 관계와 같은 핵심 개념을 소개하는 것으로 문을 연다. 여러분은 매일 사용했던 기법들을 새로운 시각에서 바라보고, 알지 못했던 기능과 가능성을 발견하게 되는 과정을 통해서 견습생에서 어느덧 닌자로 성장해 있을 것이다. 마지막 장에 이르게 되면, 번뜩이는 자바스크립트 기반의 애플리케이션을 만들 준비가 되어 있을 것이고, 어쩌면 자신만의 자바스크립트 라이브러리나 프레임워크를 만들게 될 수도 있을 것이다.



이 책에 포함된 내용은 다음과 같다.

* Functions, objects, closures, regular expressions, and more

* 함수, 객체, 클로저, 정규 표현식 등등

* 올바른 시각으로 애플리케이션과 라이브러리를 바라보는 방법

* 현대적인 자바스크립트 디자인

* 크로스 브라우저 개발의 복잡성을 다루는 방법



[ 추천의 글 ]

"두 명의 달인으로 부터 전해 듣는, 효과적인 크로스 브라우저 자바스크립트 개발의 예술"

- 글렌 스토콜(Glenn Stokol), Oracle Corporation



"jQuery의 모토를 그대로 따르고 있다. '적은 코드로, 더 많은 일을 하라'."

- 안드레 로베르지(Andr? Roberge), Universit? Sainte-Anne



"흥미롭고 독창적인 기법들로 가득 차 있다."

- 스콧 소에트(Scott Sauyet), Four Winds Software



"이 책을 읽고 나면, 더 이상 의미도 모른 채 코드를 붙여 넣고 그 코드가 동작한다는 사실에 놀라는 일이 일어나지 않게 될 것이다. - 여러분은 어떻게 그 코드들이 동작하는지 이해하게 될 것이다."

- 조 리튼(Joe Litton), Collaborative Software Developer, JoeLitton.net



"이 책은 여러분의 자바스크립트 실력이 달인들의 영역으로 올라설 수 있게 도와줄 것이다."

- 크리스토퍼 하웁트(Christopher Haupt), greenstack.com

1부 훈련 준비



1. 닌자 입문

1.1?살펴볼 자바스크립트 라이브러리들

1.2?자바스크립트 언어 이해하기

1.3?크로스 브라우저 고려하기

1.4?현재의 훌륭한 실천법들

__훌륭한 실천법: 테스팅

__훌륭한 실천법: 성능 분석

1.5?정리



2. 테스팅과 디버깅 갖추기

2.1?코드 디버깅

2.2?테스트 생성

2.3?테스트 프레임워크

2.4?테스트 스위트의 기본

2.5?정리



2부 견습 훈련



3. 함수가 핵심이다

3.1?함수형 언어는 무엇이 다른가?

__자바스크립트의 함수형 언어 특징이 왜 중요한가?

__비교자를 사용하여 정렬하기

3.2?함수 선언

3.3?호출

__인자(argument)에서 함수의 매개변수(parameter)까지

__함수로 호출

__메서드로 호출

__생성자로 호출

__apply() 메서드와 call() 메서드를 사용한 호출

3.4?정리



4 . 함수를 자유자재로 휘두르기

4.1?익명 함수

4.2?재귀

__이름을 가진 함수 내에서의 재귀

__메서드를 이용한 재귀

__참조가 사라지는 문제

__이름을 가진 인라인 함수

__callee 프로퍼티

4.3?함수 객체 가지고 놀기

__함수 저장하기

__연산 결과를 기억하는 함수

__배열 메서드를 속이기

4.4?가변인자 목록

__apply() 메서드를 이용해서 가변 길이의 인자를 전달하기

__함수 오버로딩

4.5?함수인지 확인하기

4.6?정리



5. 클로저와 가까워지기

5.1?클로저는 어떻게 동작하는가?

5.2?클로저로 작업하기

__Private 변수

__콜백과 타이머

5.3?함수 콘텍스트 바인딩하기

5.4?부분 적용 함수

5.5?함수 동작 오버라이딩

__메모이제이션

__함수 래핑

5.6?즉시실행함수(Immediate function)

__임시 유효 범위와 private 변수

__루프

__라이브러리 래핑

5.7?요약



6. 객체 지향과 프로토타입

6.1?인스턴스 생성과 프로토타입

__객체 인스턴스 생성

__생성자와 객체 타입

__상속과 프로토타입 체인

__HTML DOM 프로토타입

6.2?실수하기 쉬운 것들!

__객체 확장하기

__Number 객체 확장하기

__네이티브 객체의 하위 클래스 만들기

__인스턴스 생성 이슈

6.3?보다 클래스다운 코드 작성하기

__함수 직렬화 검사

__하위 클래스의 인스턴스 만들기

__상위 메서드 보존하기

6.4?정리



7. 정규 표현식에 대한 논의

7.1?정규 표현식이 멋진 이유

7.2?정규 표현식 다시 살펴보기

7.3?정규 표현식 컴파일하기

7.4?매치된 부분을 캡처하기

__간단한 캡처 실행해 보기

__전역 정규 표현식을 이용해서 일치하는 부분을 찾기

__캡처 참조하기

__캡처되지 않는 그룹

7.5?함수를 이용해서 치환하기

7.6?정규 표현식을 이용해서 일상적인 문제를 해결하기

__문자열의 공백 제거하기

__개행 문자 찾기

__유니코드

__이스케이프 문자

7.7?정리



8. 스레드와 타이머 다루기

8.1?타이머와 스레드는 어떻게 동작하는가

__타이머 생성과 제거하기

__실행 중인 스레드 내에서의 타이머 실행

__타임아웃과 인터벌의 차이점

8.2?최소 타이머 지연시간과 신뢰성

8.3?비싼 연산 처리 다루기

8.4?중앙 타이머 관리

8.5?비동기 테스팅

8.6?요약



3부 닌자 훈련



9. 닌자 비술: 런타임 코드 평가

9.1?코드 평가 메커니즘

__eval() 메서드를 사용한 평가

__Function 생성자를 사용한 평가

__타이머와 평가

__전역 유효 범위에서 평가하기

__안전한 코드 평가

9.2?함수 "디컴파일"

9.3?코드 평가를 실제로 활용하기

__JSON 변환

__네임스페이스에 속한 코드를 가져오기

__자바스크립트 압축과 난독화

__동적으로 코드를 다시 작성하기

__관점-지향 스크립트 태그

__메타언어와 DSL

9.4?정리



10. With 문

10.1?"with"를 사용한다는 것은 무슨 의미일까?

__with 유효 범위 내에서 프로퍼티 참조하기

__with 내에서 할당하기

__성능에 대한 고려

10.2?실제 예제

10.3?네임스페이스에 속한 코드를 가져오기

10.4?테스팅

10.5?with를 활용해 템플릿 기능 제공하기

10.6?정리



11. 크로스 브라우저 전략 수립하기

11.1?지원할 브라우저 선택하기

11.2?다섯 가지 주요 개발 고민 사항

__브라우저 버그와 브라우저 간의 차이점

__브라우저 버그 수정

__외부 코드 그리고 마크업과 공존하기

__누락된 기능

__리그레이션

11.3?구현 전략

__안전한 크로스 브라우저 수정

__객체 탐지

__기능 시뮬레이션

__테스트 할 수 없는 브라우저 문제

11.4?가정(assumptions) 줄이기

11.5?정리



12. 속성, 프로퍼티, CSS를 단칼에 베어버리자

12.1?DOM 속성과 프로퍼티

__크로스 브라우저 이름 문제

__이름 제약사항

__XML과 HTML의 차이점

__사용자 정의 속성의 작동 방식

__성능 고려 사항

12.2?크로스 브라우저 속성 이슈

__DOM id/name 확대

__URL 정규화

__style 속성

__type 속성

__탭 인덱스 문제

__노드 이름

12.3?스타일 속성과 관련한 골칫거리들

__내 스타일은 어디에 있지?

__스타일 프로퍼티 이름

__float 스타일 프로퍼티

__픽셀 값 변환

__높이와 너비 측정하기

__불투명도를 꿰뚫어 보기

__알록달록한 바퀴를 가진 자전거 타기

12.4?평가된 스타일 얻기

12.5?정리



4부 달인이 되기 위한 훈련



13. 이벤트 처리 지뢰밭에서 살아남기

13.1?이벤트 핸들러를 설정하고 해제하기

13.2?이벤트 객체

13.3?이벤트 핸들러 관리

13.4?이벤트 발생시키기

13.5?버블링과 위임(delegation)

__이벤트를 상위 엘리먼트(acenstor)에 위임하기

__브라우저의 결함 우회하기

13.6?document ready 이벤트

13.7?정리



14. DOM 다루기

14.1?DOM에 HTML 주입하기

__HTML을 DOM으로 변환하기

__문서에 삽입하기

__스크립트 실행

14.2?엘리먼트 복제하기

14.3?엘리먼트 제거하기

14.4?텍스트 콘텐츠

14.5?정리



15. CSS 셀렉터 엔진

15.1?W3C 셀렉터 API

15.2?엘리먼트를 찾기 위해 XPath 사용하기

15.3?순수 DOM 구현

__셀렉터 문자열 파싱

__엘리먼트 찾기

__찾은 엘리먼트를 필터링하기

__재귀적으로 결과 합치기

__상향식 셀렉터 엔진

15.4?정리

존 레식 저자 존 레식(John Resig)은 인정받는 자바스크립트 권위자이자 jQuery 창시자다. 그는 또한 프로세싱(Processing) 언어를 자바스크립트로 옮긴(port) Processing.js, 자바스크립트 테스트를 위한 QUnit, 그리고 분산 자바스크립트 테스팅 플랫폼인 TestSwarm을 포함해, 몇 가지 다른 오픈소스 도구와 프로젝트를 만들었다. 현재 칸 아카데미(Khan Academy)에서 컴퓨터 과학 교육이 한 단계 더 발전할 수 있도록 하기 위해서 일하고 있다. 뉴욕 브루클린에 거주하고 있으며, 여유시간에는 우키요에(일본식 목판 그림)를 연구하고 있다.