객체지향 자바스크립트 3/e [객체지향 프로그래밍의 기초부터 함수, 객체, 프로토타입까지]
- 원서명Object-Oriented JavaScript - Third Edition: Learn everything you need to know about object-oriented JavaScript with this comprehensive guide (ISBN 9781785880568)
- 지은이베드 안타니(Ved Antani), 스토얀 스테파노프(Stoyan Stefanov)
- 옮긴이류영선
- ISBN : 9791161750637
- 40,000원
- 2017년 10월 24일 펴냄
- 페이퍼백 | 688쪽 | 188*235mm
- 시리즈 : acorn+PACKT, 프로그래밍 언어
책 소개
요약
자바스크립트는 웹 사이트 개발에 사용되는 객체지향 프로그래밍 언어다. 오늘날 작성되는 웹 페이지는 콘텐츠(HTML)와 프레젠테이션(CSS), 동작(자바스크립트)의 세 부분으로 구성되는 패러다임을 따른다. 자바스크립트는 이 패러다임의 중요한 기둥 중 하나인 웹 페이지의 실행을 담당한다. 이 책은 자바스크립트를 배우기 시작한 사람이나 자바스크립트를 알고는 있지만 객체지향에 익숙하지 않은 사람들을 대상으로 한다. 이미 ES5 기능에 익숙한 사용자라면 유용한 ES6 입문서가 될 것이다. 이 책을 끝마칠 때쯤이면, 객체지향 프로그래밍 기법을 활용해 전문적인 자바스크립트 애플리케이션을 작성하는 방법을 마스터하게 될 것이다.
이 책의 대상 독자
자바스크립트를 배우기 시작한 사람이나 자바스크립트를 알고 있지만 객체지향에 익숙하지 않은 사람들을 대상으로 한다. ES5 기능에 이미 익숙한 사용자라면 유용한 ES6 입문서가 될 것이다.
이 책의 구성
1장, ‘객체지향 자바스크립트’에서는 자바스크립트의 역사, 현재와 미래에 대해 간략하게 설 명한 다음, 전반적인 객체지향 프로그래밍(OOP)의 기본을 알아본다. 그런 다음 책의 예제를 기본으로 사용해 본격적으로 언어를 탐구하기 위한 연습 환경(파이어버그) 설정 방법을 배운다.
2장, ‘원시 데이터 형식, 배열, 루프 및 조건’에서는 변수, 데이터 유형, 원시 데이터 유형, 배 열, 루프와 조건 같은 언어의 기본에 대해 설명한다.
3장, ‘함수’에서는 자바스크립트에서 사용하는 함수를 설명하고, 함수의 모든 것을 마스터한다. 또한 변수의 범위와 자바스크립트의 내장 함수에 대해서도 배운다. 흥미롭지만 종종 잘못 이해되는 언어의 특징인 클로저도 이 장의 마지막 부분에서 다룬다.
4장, ‘객체’에서는 객체에 대해 알아본다. 속성과 메소드로 작업하는 방법, 그리고 객체를 생성하는 다양한 방법을 설명한다. 이 장에서는 Array, Function, Boolean, Number, String 같은 내장 객체에 대해서도 설명한다.
5장, ‘ES6 이터레이터와 제너레이터’에서는 ES6에서 가장 기대되는 기능인 이터레이터와 제 너레이터를 소개한다. 이 지식을 바탕으로 향상된 컬렉션 구조를 자세히 살펴볼 것이다.
6장, ‘프로토타입’에서는 자바스크립트의 프로토타입에 대한 중요한 개념을 다룬다. 프로토 타입 체인이 동작하는 방식과 hasOwnProperty( ), 프로토타입의 이해에 대해서도 설명한다.
7장, ‘상속’에서는 상속이 어떻게 동작하는지 설명한다. 이 장에서는 다른 고전 언어에서처럼 하위 클래스를 상속하는 방법에 대해서도 알아본다.
8장, ‘클래스와 모듈’에서는 ES6에서 고전적인 객체지향 프로그래밍 구조를 쉽게 작성할 수 있게 해주는 중요한 구문적 기능을 소개한다. ES6 클래스 구문은 ES5의 다소 복잡한 구문을 래핑한다. 또한 ES6는 모듈에 대한 완전한 지원을 제공한다. 이 장에서는 ES6에 도입된 클래스와 모듈 구조를 자세히 설명한다.
9장, ‘프라미스와 프록시’에서는 자바스크립트가 비동기 프로그래밍을 강력하게 지원하는 언어임을 설명한다. ES5까지는 비동기 프로그램을 작성하려면 콜백에 의존해야 했기 때문에 때로는 콜백 지옥이 생겼다. ES6 프라미스는 자바스크립트 언어에서 기다려왔던 특징 중 하나다. 프라미스는 ES6에서 비동기 프로그램을 작성하는 훨씬 더 깔끔한 방법을 제공한다. 프록시는 기본 연산 중 일부에 사용자정의 동작을 정의하는 데 사용된다. 이 장에서는 ES6에서의 프라미스와 프록시의 실제 사용을 살펴본다.
10장, ‘브라우저 환경’에서는 브라우저에 전념한다. 이 장에서는 BOM(브라우저 객체 모델)과 DOM(W3C의 문서 객체 모델), 브라우저 이벤트, AJAX에 대해서도 다룬다.
11장, ‘코딩과 디자인 패턴’에서는 소프트웨어 디자인 패턴에서 가장 영향력 있는 GoF 책에서 자바스크립트로 전환된 몇 가지 언어독립적인 디자인 패턴과 함께 고유한 자바스크립트 코딩 패턴에 대해 설명한다. 이 장에서는 JSON에 대해서도 설명한다.
12장, ‘테스트와 디버깅’에서는 현재 자바스크립트에 테스트 주도 개발과 행동 주도 개발을 지원하는 도구의 사용 방법을 설명한다. 자스민은 현재 가장 많이 사용되는 도구 중 하나다. 이 장에서는 자스민을 프레임워크로 사용하는 TDD 및 BDD에 대해 알아본다.
13장, ‘리액티브 프로그래밍과 리액트’에서는 ES6의 등장으로 구체화되고 있는 여러 가지 혁신적인 아이디어에 대해 설명한다. 리액티브 프로그래밍은 데이터 흐름을 사용해 상태 변경을 관리하는 방법과 매우 다른 접근 방식을 취한다. 리액트는 MVC의 뷰에 중점을 둔 프레임워크다. 이 장에서는 이 두 가지 아이디어를 소개한다.
부록A, ‘예약어’에서는 자바스크립트의 예약어 목록을 정리했다.
부록B, ‘내장 함수’에서는 내장 자바스크립트 함수를 샘플과 함께 제공한다.
부록C, ‘내장 객체’는 자바스크립트에서 모든 내장 객체의 모든 메소드와 속성을 사용하는 방법에 대한 세부 정보와 예제를 제공하는 레퍼런스다.
부록D, ‘정규 표현식’은 정규 표현식 패턴의 레퍼런스다.
부록E, ‘연습문제 해답’에서는 각 장의 끝에서 제시한 연습문제의 해답을 제공한다.
목차
목차
- 1장. 객체지향 자바스크립트
- 간단한 역사
- 브라우저 전쟁과 르네상스
- 현재
- 미래
- ECMAScript 5
- ES6의 엄격 모드
- ECMAScript 6
- 브라우저의 ES6 지원
- 바벨
- 객체지향 프로그래밍
- 객체
- 클래스
- 캡슐화
- 집합
- 상속
- 다형성
- OOP 요약
- 연습 환경 설정
- 웹킷의 웹 인스펙터
- 맥의 JavaScriptCore
- 기타 콘솔
- 요약
- 간단한 역사
- 2장. 원시 데이터 형식, 배열, 루프 및 조건
- 변수
- 변수는 대소문자를 구분한다
- 연산자
- 원시 데이터 유형
- 값 형식 찾기 - typeof 연산자
- 숫자
- 문자열
- 부울
- Undefined와 null
- 심볼
- 원시 데이터 유형 요약
- 배열
- 배열 요소 추가 / 업데이트
- 요소 삭제
- 배열의 배열
- 조건과 루프
- 코드 블록
- 루프
- 주석
- 연습문제
- 요약
- 변수
- 3장. 함수
- 함수란 무엇인가?
- 함수 호출
- 매개변수
- 디폴트 매개변수
- 나머지 매개변수
- 스프레드 연산자
- 사전 정의된 함수
- 변수 범위
- 변수 호이스팅
- 블록 범위
- 함수는 데이터다
- 익명 함수
- 콜백 함수
- 즉시실행 함수
- 내부(비공개) 함수
- 함수를 반환하는 함수
- 사용자정의 함수
- 클로저
- 범위 체인
- 클로저로 체인 끊기
- 루프의 클로저
- 게터와 세터
- 이터레이터
- IIFE 대 블록
- 화살표 함수
- 연습문제
- 요약
- 함수란 무엇인가?
- 4장. 객체
- 배열에서 객체로
- 요소, 속성, 메소드 및 멤버
- 해시와 연관 배열
- 객체의 속성 접근
- 객체의 메소드 호출
- 속성/메소드 변경
- this 값 사용
- 생성자 함수
- 전역 객체
- 생성자 속성
- instanceof 연산자
- 객체를 반환하는 함수
- 객체 전달
- 객체 비교
- 웹킷 콘솔의 객체
- ES6 객체 리터럴
- 객체 속성과 어트리뷰트
- ES6 객체 메소드
- 디스트럭처링
- 내장 객체
- 객체
- 배열
- ES6 배열 메소드
- Array.from
- Array.of를 사용하여 배열 만들기
- Array.prototype 메소드
- 함수
- 화살표 함수에서의 어휘적 this
- 객체 유형 추정
- 부울
- 숫자
- 문자열
- Math
- Date
- RegExp
- 연습문제
- 요약
- 배열에서 객체로
- 5장. ES6 이터레이터와 제너레이터
- For...of 루프
- 이터레이터와 이터러블
- 이터레이터
- 이터러블
- 제너레이터
- 제너레이터 반복
- 컬렉션
- 맵
- 세트
- WeakMap과 WeakSet
- 요약
- 6장. 프로토타입
- 프로토타입 속성
- 프로토타입을 사용하여 메소드와 속성 추가하기
- 프로토타입의 메소드와 속성 사용하기
- 자체 속성 대 프로토타입 속성
- 프로토타입 속성을 자체 속성으로 덮어쓰기
- isPrototypeOf( ) 메소드 사용하기
- secret proto link
- 내장 객체 보강
- 내장 객체 보강 - 토론
- 프로토타입 따라잡기
- 연습문제
- 요약
- 프로토타입 속성
- 7장. 상속
- 프로토타입 체인
- 프로트타입 체인 예제
- 공유 속성을 프로토타입으로 이동
- 프로토타입만 상속
- 임시 생성자 - new F( )
- Uber - 자식 객체에서 부모 접근하기
- 상속 부분을 함수로 분리하기
- 속성 복사
- 참조로 복사할 때 문제
- 객체에서 상속받은 객체
- 깊은 복사
- object( ) 메소드 사용하기
- 프로토타입 상속과 속성 복사의 혼합 사용
- 다중 상속
- 믹스인
- 기생 상속
- 생성자 빌리기
- 생성자 빌리기와 프로토타입 복사하기
- 사례 연구 - 도형 그리기
- 분석
- 구현
- 테스트
- 연습문제
- 요약
- 프로토타입 체인
- 8장. 클래스와 모듈
- 클래스 정의
- 생성자
- 프로토타입 메소드
- 정적 메소드
- 정적 속성
- 제너레이터 메소드
- 서브클래싱
- 믹스인
- 모듈
- 목록 내보내기
- 요약
- 클래스 정의
- 9장. 프라미스와 프록시
- 비동기 프로그래밍 모델
- 자바스크립트 호출 스택
- 메시지 큐
- 이벤트 루프
- 타이머
- 프라미스
- 프라미스 생성
- 메타 프로그래밍과 프록시
- 프록시
- 함수 가로채기
- 요약
- HTML 페이지에 자바스크립트 포함하기
- BOM과 DOM 개요
- BOM
- window 객체 리뷰
- window.navigator 속성 사용하기
- 콘솔은 치트 시트다
- window.location 속성 사용하기
- window.history 속성 사용하기
- window.frames 속성 사용하기
- window.screen 속성 사용하기
- window.open( )/close( ) 메소드
- window.moveTo( )와 window.resizeTo( ) 메소드
- window.alert( )와 window.prompt( ), window.confirm( ) 메소드
- window.setTimeout( )과 window.setInterval( ) 메소드 사용하기
- window.document 속성
- DOM
- 코어 DOM과 HTML DOM
- DOM 노드 접근
- document 노드
- DOM 노드 수정
- 새 노드 생성하기
- insertBefore( ) 메소드 사용하기
- 노드 제거
- HTML - 전용 DOM 객체
- 이벤트
- 인라인 HTML 속성
- 엘리먼트 속성
- DOM 이벤트 리스너
- 캡처와 버블링
- 전파 중단
- 디폴트 동작 방지
- 크로스 브라우저 이벤트 리스너
- 이벤트 유형
- XMLHttpRequest
- 요청 보내기
- 응답 처리
- 버전 7 이전의 IE에서 XMLHttpRequest 객체 만들기
- 비동기의 A
- XML의 X
- 예제
- 연습문제
- 요약
- 코딩 패턴
- 동작 분리
- 네임스페이스
- 네임스페이스 생성자
- 초기화 시간 분기
- 지연 정의
- 구성 객체
- 비공개 속성과 메소드
- 권한 있는 메소드
- 공개 메소드로서의 비공개 함수
- 즉시 실행 함수
- 모듈
- 체이닝
- JSON
- 고차원 함수
- 디자인 패턴
- 단일체 패턴
- 단일체2 패턴
- 팩토리 패턴
- 장식자 패턴
- 감시자 패턴
- 요약
- 단위 테스트
- 테스트 주도 개발
- 행동 주도 개발
- 모카와 차이, 시논
- 자바스크립트 디버깅
- 구문 오류
- 런타임 예외
- 요약
- 리액티브 프로그래밍
- 왜 리액티브 프로그래밍을 고려하는가?
- 리액트
- 가상 DOM
- 리액트 설치와 실행
- 구성요소와 props
- 상태
- 라이프 사이클 이벤트
- 요약
- 키워드
- ES6 예약어
- 미래의 예약어
- 이전의 예약어
- 객체
- Object 생성자의 멤버
- Object.prototype 멤버
- 객체에 대한 ECMAScript 5 추가사항
- 객체에 대한 ES6 추가사항
- 약식 속성
- 계산된 속성 이름
- Object.assign
- 배열
- Array.prototype 멤버
- 배열에 대한 ECMAScript 5 추가사항
- 배열에 대한 ES6 추가사항
- 함수
- Function에 대한 ECMAScript 5 추가사항
- Function에 대한 ECMAScript 6 추가사항
- Number 생성자의 멤버
- Number.prototype 멤버
- String 생성자의 멤버
- String.prototype 멤버
- String에 대한 ECMAScript 5 추가사항
- String에 대한 ECMAScript 6 추가사항
- Date 생성자의 멤버
- Date.prototype 멤버
- Date에 대한 ECMAScript 5 추가사항
- Math 객체의 멤버
- RegExp.prototype 멤버
- Error.prototype 멤버
- JSON 객체의 멤버
- 2장. 원시 데이터 형식, 배열, 루프 및 조건
- 연습문제
- 3장. 함수
- 4장. 객체
- 연습문제
- 5장. ES6 이터레이터와 제너레이터
- 연습문제
- 6장. 프로토타입
- 연습문제
- 7장. 상속