1 문법 맛보기<br/>__let 키워드<br/>____함수 스코프 변수 선언<br/>____블록 스코프 변수 선언<br/>____변수 재선언<br/>__const 키워드<br/>____상수의 스코프<br/>____상수를 통한 객체 참조<br/>__파라미터 기본값<br/>__펼침 연산자<br/>____펼침 연산자의 다른 용례<br/>________배열 값을 다른 배열의 일부로 만듦<br/>________배열 값을 다른 배열에 밀어 넣기<br/>____여러 배열 펼침<br/>__나머지 파라미터<br/>__해체 할당<br/>____배열 해체 할당<br/>________값을 건너뛴다<br/>________배열 해체 할당에 나머지 연산자를 사용<br/>________변수의 기본값<br/>________중첩 배열 해체<br/>________파라미터로 배열 해체 할당 사용<br/>____객체 해체 할당<br/>________변수의 기본값<br/>________조합 프로퍼티명을 해체<br/>________중첩 객체를 해체<br/>________파라미터로 객체 해체 할당 사용<br/>__화살표 함수<br/>____화살표 함수에서의 this 값<br/>____화살표 함수와 일반 함수의 차이점<br/>__강화된 객체 리터럴<br/>____프로퍼티 정의<br/>____메소드 정의<br/>____조합 프로퍼티명<br/>__요약<br/><br/>2 라이브러리<br/>__숫자<br/>____2진수<br/>____8진수<br/>____Number.isInteger(number) 메소드<br/>____Number.isNaN(value) 메소드<br/>____Number.isFinite(number) 메소드<br/>____Number.isSafeInteger(number) 메소드<br/>____Number.EPSILON 프로퍼티<br/>__수학 연산<br/>____삼각 연산<br/>____산술 연산<br/>____기타 메소드<br/>________Math.imul(number1, number2) 함수<br/>________The Math.clz32(number) 함수<br/>________The Math.sign(number) 함수<br/>________The Math.trunc(number) 함수<br/>________The Math.fround(number) 함수<br/>__문자열<br/>____비트가 초과된 코드 포인트를 이스케이프<br/>____codePointAt(index) 메소드<br/>____String.fromCodePoint(number1, ..., number 2) 메소드<br/>____repeat(count) 메소드<br/>____includes(string, index) 메소드<br/>____startsWith(string, index) 메소드<br/>____endsWith(string, index) 함수<br/>____정규화<br/>________사례<br/>____템플릿 문자열<br/>________표현식<br/>________여러 줄 문자열<br/>________원래 문자열<br/>__배열<br/>____Array.from(iterable, mapFunc, this) 메소드<br/>____Array.of(values...) 메소드<br/>____fill(value, startIndex, endIndex) 메소드<br/>____find(testingFunc, this) 메소드<br/>____findIndex(testingFunc, this) 메소드<br/>____copyWithin(targetIndex, startIndex, endIndex) 함수<br/>____entries(), keys(), and values() 메소드<br/>__콜렉션<br/>____배열 버퍼<br/>____타입화 배열<br/>____세트<br/>____위크세트<br/>____맵<br/>____위크맵<br/>__객체<br/>______proto__ 프로퍼티<br/>________Object.is(value1, value2) 메소드<br/>________Object.setPrototypeOf(object, prototype) 메소드<br/>________Object.assign(targetObj, sourceObjs...) 메소드<br/>__요약<br/><br/>3 이터레이터<br/>__ES6 심볼<br/>____typeof 연산자<br/>____new 연산자<br/>____심볼을 프로퍼티 키로 사용<br/>____Object.getOwnPropertySymbols() 메소드<br/>____Symbol.for(string) 메소드<br/>____상용 심볼<br/>__이터레이션 규약<br/>____이터레이터 규약<br/>____이터러블 규약<br/>__제너레이터<br/>____return(value) 메소드<br/>____throw(exception) 메소드<br/>____yield* 키워드<br/>__for...of 루프<br/>__꼬리 호출 최적화<br/>____꼬리 호출 아닌 코드를 꼬리 호출로 전환<br/>__요약<br/><br/>4 비동기 프로그래밍<br/>__자바스크립트 실행 모델<br/>__비동기 코드 작성<br/>____이벤트를 포함한 비동기 코드<br/>____콜백을 포함한 비동기 코드<br/>__구원자, 프라미스<br/>____프라미스 생성자<br/>____이룸값<br/>____then(onFulfilled, onRejected) 메소드<br/>____catch(onRejected) 메소드<br/>____Promise.resolve(value) 메소드<br/>____Promise.reject(value) 메소드<br/>____Promise.all(iterable) 메소드<br/>____Promise.race(iterable) 메소드<br/>__프라미스 기반의 자바스크립트 API<br/>____배터리 상태 API<br/>____웹 암호화 API<br/>__요약<br/><br/>5 리플렉트 API 구현<br/>__Reflect 객체<br/>____Reflect.apply(function, this, args) 메소드<br/>____Reflect.construct(constructor, args, prototype) 메소드<br/>____Reflect.defineProperty(object, property, descriptor) 메소드<br/>________데이터 프로퍼티와 접근자 프로퍼티<br/>____Reflect.deleteProperty(object, property) 메소드<br/>____Reflect.enumerate(object) 메소드<br/>____Reflect.get(object, property, this) 메소드<br/>____Reflect.set(object, property, value, this) 메소드<br/>____Reflect.getOwnPropertyDescriptor(object, property) 메소드<br/>____Reflect.getPrototypeOf(object) 메소드<br/>____Reflect.setPrototypeOf(object, prototype) 메소드<br/>____Reflect.has(object, property) 메소드<br/>____Reflect.isExtensible(object) 메소드<br/>____Reflect.preventExtensions(object) 메소드<br/>____Reflect.ownKeys(object) 메소드<br/>__요약<br/><br/>6 프록시<br/>__프록시란?<br/>____용어 정의<br/>__프록시 API<br/>____트랩<br/>________get(target, property, receiver) 메소드<br/>________set(target, property, value, receiver) 메소드<br/>________has(target, property) 메소드<br/>________isExtensible(target) 메소드<br/>________getPrototypeOf(target) 메소드<br/>________setPrototypeOf(target, prototype) 메소드<br/>________preventExtensions(target) 메소드<br/>________getOwnPropertyDescriptor(target, property) 메소드<br/>________defineProperty(target, property, descriptor) 메소드<br/>________The deleteProperty(target, property) 메소드<br/>________enumerate(target) 메소드<br/>________ownKeys(target) 메소드<br/>________apply(target, thisValue, arguments) 메소드<br/>________construct(target, arguments) 메소드<br/>____Proxy.revocable(target, handler) 메소드<br/>________용례<br/>__프록시 용도<br/>__요약<br/><br/>7 클래스 답사<br/>__객체 지향 자바스크립트<br/>____자바스크립트 데이터 타입<br/>____객체 생성<br/>____상속<br/>____원시 데이터 타입 생성자<br/>__클래스 다루기<br/>____클래스 정의<br/>________클래스 선언<br/>________클래스 표현식<br/>____프로토타입 메소드<br/>________get/set 메소드<br/>________제너레이터 메소드<br/>____정적 메소드<br/>____클래스의 상속 구현<br/>____조합 메소드명<br/>____프로퍼티 속성<br/>____클래스는 호이스팅 안 된다!<br/>____생성자 메소드 결과를 오버라이딩<br/>____정적 접근자 프로퍼티, Symbol.species<br/>____암시적 파라미터, new.target<br/>__객체 리터럴에 super 사용<br/>__요약<br/><br/>8 모듈러 프로그래밍<br/>__자바스크립트 모듈이란?<br/>__모듈 구현 - 기존 방법<br/>____즉시 실행 함수 표현식(IIFE)<br/>____비동기 모듈 정의(AMD)<br/>____커먼JS<br/>____만능 모듈 정의<br/>__새로운 모듈 구현 방식<br/>____ES6 모듈 생성<br/>____ES6 모듈 임포트<br/>____모듈 로더<br/>____브라우저에 모듈 사용<br/>____eval() 함수에서 모듈 사용<br/>____기본 익스포트 vs 명명된 익스포트<br/>____종합 예제<br/>__요약

★ 이 책에서 다루는 내용 ★

■ ES6부터 도입된 새로운 구문 사용법
■ 프로토타입 기반의 ES6 기능 활용
■ ES6 비호환 환경에서의 ES6 코드 실행
■ 프라미스를 이용해 읽고 관리하기 쉬운, 좀 더 우수한 비동기 코드 작성
■ 이터레이터, 이터러블, 제너레이터의 사용법
■ 객체 지향 프로그래밍과 클래스로 객체 생성하는 방법.
■ ES6 프록시 API를 통한 프록시 작성 및 용도 이해
■ ES6 모듈을 이용한 자바스크립트 라이브러리 제작


★ 이 책의 대상 독자 ★

기본적인 개발 지식을 보유한 자바스크립트 개발자라면 이 책을 통해 최신 ES6 기능을 배우고 더 나은 클라이언트 측 프로그램을 개발하는 데 활용할 수 있다.


★ 이 책의 구성 ★

1장, ‘문법 맛보기’에서는 변수, 함수 파라미터를 생성하는 새로운 방법을 소개하고, 새로 추가된 객체/함수 구문을 자세히 알아본다.
2장, ‘라이브러리’에서는 기존 객체에 추가된 프로토타입 기반의 새로운 메소드들을 살펴본다.
3장, ‘이터레이터’에서는 새롭게 추가된 이터레이터, 사용자 이터레이터 생성 방법, 꼬리 호출 최적화 등을 알아본다.
4장, ‘비동기 프로그래밍’에서는 비동기 실행 코드를 프라미스로 쉽게 작성하는 방법을 다룬다.
5장, ‘리플렉트 API 구현’에서는 ES6 객체 리플렉션을 깊숙이 탐구한다.
6장, ‘프록시’에서는 ES6 프록시로 객체의 기본 로직에 변화를 주는 방법을 알아본다.
7장, ‘클래스 답사’에서는 ES6 클래스를 응용한 객체 지향 프로그래밍과, 상속, 생성자, 추상화, 정보 은닉 등의 개념을 설명한다.
8장, ‘모듈러 프로그래밍’에서는 IIFE, 커먼JS, AMD, UMD, ES6 모듈 등의 여러 기법으로 자바스크립트 모듈을 생성하는 방법을 이야기한다.


★ 지은이의 말 ★

ECMAScript는 ECMA 인터내셔널(Ecma International)의 ECMA-262와 ISO/IEC 16262에 근거한 표준 스크립트 언어다. 자바스크립트, J스크립트(Jscript), 액션스크립트(ActionScript)가 ECMAScript의 상위 집합(superset)으로, 더 많은 객체/메소드가 있고 기능 면에서 ECMAScript보다 우월하지만 언어로서의 핵심 기능은 ECMAScript와 같다. ECMAScript의 7번째 수정판인 ECMAScript 6는 간단히 ‘ES6’라 부른다.
자바스크립트는 실로 강력하고 유연한 프로그래밍 언어지만 불필요한 군더더기가 많아 혹평을 받아왔다. 그래서 좀 더 쉬운 구문과 강력한 기능을 제공하면서도 자바스크립트로 컴파일이 가능한 커피스크립트(CoffeeScript)나 타입스크립트(Typescript) 같은 추상체를 대신 쓰는 개발자들도 있었다. 이제 ES6 이후론 코드 품질을 높이려고 잡다한 추상체와 테크닉을 빌려 써서 개발 프로세스를 늘어지게 하지 않아도 될 정도로 자바스크립트가 좋아졌다.
ES6의 신기능은 커피스크립트 등 다른 인기 있는 추상화 언어에서 비롯됐고 작동 방식 또한 동일하기 때문에 자바스크립트로선 신기능이지만 프로그래밍 세계에선 전혀 새로운 것들이 아니다.
이 책은 자바스크립트 예제 코드를 보면서 ECMAScript의 신 버전, ES6의 전반적인 새 기능을 설명한다. 모든 예제 코드는 브라우저, 노드JS, 코도바 등의 환경에서 실습 가능하다.

★ 옮긴이의 말 ★

이 책은 2015년 6월 17일, 공식 표준으로 발표된 ECMS-262의 여섯 번째 버전, 즉 ECMAScript 6의 새로운 기능을 빠르게 습득하기 위한 입문서입니다. 아직까지는 IE, 파이어폭스, 크롬 등 메이저 브라우저에서 ECMAScript 6 명세를 완벽히 구현하지 못했고, 이전 버전(ECMAScript 5)의 코드로도 ES6의 신기능을 어느 정도 흉내 낼 수 있는 상황이지만 새 표준의 보급은 과거에 비해 훨씬 빠르게 이루어질 것으로 예상됩니다.
대부분의 모든 기술이 그렇듯 새 버전이 반드시 구 버전에 비해 월등하고 우수하다고 할 수는 없고 그것을 가져다 쓰는 사용자가 굳이 얼리 어댑터(early adopter)가 되어야 할 필요는 없겠지만, 자바스크립트가 전문인 프로그래머라면 ES6가 당연한 대세로 자리를 잡기 전에 미리 준비를 해두지 않으면 안 될 것입니다. 그런 점에서 책이 출간된 이 시점이 자바스크립트의 새 표준을 학습할 적당한 시기가 아닐까 싶습니다.
이 책은 주로 새 표준에서 등장한 새로운 구문 요소와 간단한 예제를 설명하지만, C나 자바, 파이썬 등 다른 언어 경험이 있는 분들에게는 프로그래밍 언어들이 점차 상향 평준화하고 있다는 동향과 자바스크립트만의 독특한 디자인 철학과 개념을 엿볼 수 있는 계기가 될 것입니다. 이 책을 움켜쥔 독자 여러분이 나무를 자세히 들여다 보면서도 숲 전체를 조망할 수 있는 식견과 높은 수준의 마인드를 가진 자바스크립트 개발자로 한 단계 성장하길 바랍니다.

요즘이야말로 자바스크립트를 사용하기에 더 없이 좋은 시기다. 지난 수년간 자바스크립트는 건드리고 싶지 않은 언어에서 누구나 배우고 싶어하는 언어로 거듭났다. 하루가 멀다하고 새로 탄생하는 크고 복잡한 애플리케이션들이 그 어느 때보다 자바스크립트를 더 많이 사용하고 진화시킨다. 새로운 클라이언트 측 개발 요건을 충족하기 위해 새로운 프레임워크와 애플리케이션 설계 방식이 쏟아져 나오고 있으며 관련 커뮤니티 활동도 왕성해졌다.
ES6로 더 잘 알려진 ECMAScript 2015 덕분에 마침내 자바스크립트는 만인의 원대한 희망에 잘 맞는 언어가 되었다. 이제 프라미스(promise)와 모듈 시스템 같은 꼭 필요한 큰 기능이 자바스크립트에 포함됐고, 재미있게 개발할 수 있게 해주는 작고 섬세한 요소 또한 가미됐다. 객체 해체를 배우고 나면 지금까지 이것 없이 자바스크립트를 어떻게 썼나 싶을 테고, 화살표 함수를 한 번 써보면 두 번 다시 ‘함수’ 타입은 생각하고 싶지도 않을 것이다. 복잡하기 이를 데 없는 함수 스코프와 변수 누수 문제를 let 키워드로 간단히 예방하면 책상에 머리를 찧는 횟수도 줄어들리라.
ES6는 훌륭한 언어 명세고 ES5에 비해 상당 부분 개선되었지만 아직 브라우저에 완벽히 구현된 상태는 아니다. 하지만 여러 커뮤니티 회원들의 노력 덕분에 그때까지 기다리지 않아도 지금 당장 사용할 수 있다. 과거에는 자바스크립트를 어느 브라우저든 사용할 수 있을 때까지 5년 정도 걸렸지만, ES5와 호환되는 ES6 코드를 생성하는 도구들이 있어서 미래의 기술을 미리 경험해볼 수 있다.
이 책은 자바스크립트에서 가장 유용한 추가 기능을 골라 안내하면서 마치 여러분이 지금껏 사용해왔던 기능처럼 느껴지도록 재빨리 습득할 수 있게 도와준다. ES6 자체 모듈 시스템으로 모듈러 애플리케이션을 제작하는 일이 얼마나 쉬운지, 코드는 얼마나 깔끔하게 짧아지고, 코딩은 또 얼마나 즐거워질지 곧 알게 될 것이다. 새로운 표준을 받아들인다는 건 모든 개발자에게 벅찬 일이지만 그 일을 수월하게 도와줄 이 책의 추천사를 쓰게 되어 매우 기쁘다.
이 책은 ES6로 강화된 자바스크립트의 과감한 신세계, 클라이언트 애플리케이션, 프레임워크 등을 짚어가며 여러분의 첫 도약에 큰 도움을 줄 것이다. 나만큼 여러분도 재미있게 읽기를 바란다.

잭 프랭클린(Jack Franklin) (자바 개발자, GoCardless)