상세정보

ES6로 배우는 모던 자바스크립트 입문서. 자바스크립트는 HTML, CSS와는 달리 변수, 함수처럼 프로그래밍 기초 개념부터 짚어가며 익혀야 한다. 기초 문법부터 ES6, 정규 표현식, 객체 지향 및 함수형 프로그래밍, HTTP, MVC, API 활용까지 다룬다.

또한, 기초 예제 외에도 Canvas를 활용한 망델브로 집합 그리기, 생명 게임을 만들며 MVC 프레임워크 구현하기, 그림판 만들기 등 컴퓨터 그래픽스가 적용된 알찬 예제도 수록했다. 프런트엔드부터 백엔드까지 핵심이 되는 자바스크립트를 다양한 예제를 직접 실행해보며 확실하게 이해할 수 있다.

ES6로 배우는 모던 자바스크립트 입문
자바스크립트는 HTML, CSS와는 달리 변수, 함수처럼 프로그래밍 기초 개념부터 짚어가며 익혀야 한다. 기초 문법부터 ES6, 정규 표현식, 객체 지향 및 함수형 프로그래밍, HTTP, MVC, API 활용까지 다룬다. 또한, 기초 예제 외에도 Canvas를 활용한 망델브로 집합 그리기, 생명 게임을 만들며 MVC 프레임워크 구현하기, 그림판 만들기 등 컴퓨터 그래픽스가 적용된 알찬 예제도 수록했다. 프런트엔드부터 백엔드까지 핵심이 되는 자바스크립트를 다양한 예제를 직접 실행해보며 확실하게 이해할 수 있다.

자바스크립트, ES6로 시작하자 !

HTML, CSS와는 다르다
자바스크립트는 HTML, CSS와 더불어 웹 사이트를 만드는 필수 기술 중 하나로 꼽히며, 보통 HTML과 CSS를 익힌 후 학습한다. HTML과 CSS가 비교적 문법이 단순하고 실행 결과를 바로 볼 수 있는데 반해, 자바스크립트는 변수, 함수처럼 프로그래밍 기초 개념부터 짚어가며 익혀야 한다. 프로그래밍 실행 방법부터 변수, 값, 함수와 같은 프로그래밍 기초 개념부터 익히자.

가장 핵심적인 업데이트, ES6
ECMAScript는 자바스크립트의 표준을 정의한 규격으로, ES6는 2009년에 ES5가 표준화된 이후에 처음 업데이트된 버전이다. 객체와 메서드, 모듈 및 문법 변경에 이르기까지 많은 변화가 있어 가장 핵심적인 업데이트가 이루어진 것으로 평가받고 있다. 자바스크립트를 처음 배운다면 ES6로 시작하자.

다양한 예제로 실습하며 이해하자
자바스크립트 기본 문법은 물론 정규 표현식, 객체 지향 프로그래밍, 함수형 프로그래밍에 이르기까지 개념을 이해할 수 있는 다양한 예제를 보여준다. 또한, Canvas를 활용해 복소 평면에 망델브로 집합 그리기, 생명 게임을 만들며 MVC 프레임워크 구현하기, 그림판 만들기 등 컴퓨터 그래픽스가 적용된 알찬 예제도 수록했다. 다양한 예제를 직접 실행해보고 수정하며 내용을 확실하게 이해하자.

정보제공 :

목차
1장 자바스크립트의 개요 = 35
 1.1 프로그래밍 언어로서의 자바스크립트 = 36
 1.2 자바스크립트의 역사 = 43
2장 프로그램의 작성법과 실행법 = 45
 2.1 실습 준비하기 = 46
 2.2 간단한 예제 = 51
 2.3 프로그램 실행법 = 53
 2.4 프로그램 작성법 = 64
3장 변수와 값 = 71
 3.1 변수 = 72
 3.2 데이터 타입 = 79
 3.3 ECMAScript 6부터 추가된 데이터 타입 = 86
4장 객체와 배열, 함수의 기초 = 91
 4.1 객체의 기초 ① 객체 리터럴 = 92
 4.2 함수의 기초 = 97
 4.3 객체의 기초 ② 생성자 = 112
 4.4 객체의 기초 ③ 내장 객체 = 116
 4.5 배열의 기초 = 122
5장 표현식과 연산자 = 127
 5.1 연산자 = 128
 5.2 산술 연산 = 132
 5.3 문자열 제어하기 = 139
 5.4 논리 연산자와 관계 연산자 = 147
 5.5 비트 연산 = 153
 5.6 기타 연산 = 156
 5.7 명시적 타입 변환 = 160
6장 웹 브라우저에서의 입출력 = 165
 6.1 대화상자 표시하기 = 166
 6.2 console = 169
 6.3 이벤트 처리기 등록하기와 타이머 알아보기 = 172
 6.4 HTML 요소를 동적으로 읽고 쓰기 = 182
 6.5 Canvas를 활용한 컴퓨터 그래픽스 = 187
7장 제어 구문 = 211
 7.1 제어 구문 = 212
 7.2 조건문 = 213
 7.3 반복문 = 221
 7.4 점프문 = 237
 7.5 응용 예제 = 241
8장 함수 = 255
 8.1 함수 정의하기 = 256
 8.2 함수 호출하기 = 259
 8.3 함수의 인수 = 262
 8.4 재귀 함수 = 265
 8.5 프로그램의 평가와 실행 과정 = 271
 8.6 클로저 = 289
 8.7 이름 공간 = 298
 8.8 객체로서의 함수 = 302
 8.9 고차 함수 = 307
 8.10 콜백 함수 = 315
 8.11 ECMAScript 6부터 추가된 함수의 기능 = 317
9장 객체 = 335
 9.1 객체 생성하기 = 336
 9.2 프로토타입 상속 = 344
 9.3 접근자 프로퍼티 = 358
 9.4 프로퍼티의 속성 = 362
 9.5 프로퍼티가 있는지 확인하기 = 369
 9.6 프로퍼티의 열거 = 371
 9.7 객체 잠그기 = 374
 9.8 Mixin = 377
 9.9 JSON = 381
 9.10 ECMAScript 6부터 추가된 객체의 기능 = 385
10장 배열의 다양한 기능 = 389
 10.1 배열의 메서드 = 390
 10.2 다차원 배열 = 405
 10.3 유사 배열 객체 = 409
 10.4 ECMAScript 6의 배열과 새롭게 추가된 기능 = 411
11장 버그와 오류에 대처하는 방법 = 433
 11.1 버그에 대처하기 = 434
 11.2 예외 처리 = 441
12장 정규 표현식 = 451
 12.1 정규 표현식의 기본 = 452
 12.2 기본적인 정규 표현식 패턴 작성하기 = 455
 12.3 패턴 매칭을 하는 문자열 메서드 = 471
 12.4 RegExp 객체 = 477
 12.5 ECMAScript 6부터 추가된 정규 표현식의 새로운 기능 = 480
13장 웹 브라우저의 객체 = 483
 13.1 클라이언트 측 자바스크립트 = 484
 13.2 Location 객체 = 496
 13.3 History 객체 = 498
 13.4 Navigator 객체 = 501
 13.5 Screen 객체 = 503
 13.6 Document 객체 = 504
 13.7 창 제어하기 = 505
14장 문서 제어 = 511
 14.1 DOM 트리 = 512
 14.2 노드 객체 가져오기 = 518
 14.3 속성 값의 읽기와 쓰기 = 528
 14.4 HTML 요소의 내용을 읽고 쓰기 = 534
 14.5 노드 생성／삽입／삭제하기 = 538
 14.6 HTML 요소의 위치 = 548
 14.7 HTML 폼 = 558
 14.8 CSS 제어하기 = 563
15장 이벤트 처리 = 573
 15.1 이벤트 처리기를 등록하는 방법 = 574
 15.2 이벤트 리스너를 등록하고 삭제하는 방법 = 576
 15.3 이벤트 객체 = 580
 15.4 이벤트의 전파 = 586
 15.5 이벤트 리스너 안의 this = 594
 15.6 이벤트 리스너에 추가적인 정보를 넘기는 방법 = 600
 15.7 커스텀 이벤트 = 602
 15.8 비동기 처리를 간결하게 작성하는 Promise = 606
 15.9 그림판 프로그램 만들기 = 618
16장 HTTP 제어(Ajax) = 627
 16.1 HTTP 통신 = 628
 16.2 Ajax = 632
 16.3 XMLHttpRequest = 635
 16.4 응답 받기 = 646
 16.5 크로스 오리진 통신 = 649
17장 MVC 모델에 기반을 둔 프로그램 설계 = 657
 17.1 MVC 모델 = 658
 17.2 생명 게임 시뮬레이터 = 660
18장 생성자와 클래스 구문 = 681
 18.1 생성자 = 682
 18.2 생성자 상속 = 685
 18.3 ECMAScript 6의 클래스 구문 = 697
19장 API 활용 = 707
 19.1 드래그 앤 드롭 API = 708
 19.2 Blob = 714
 19.3 Web Workers = 729
A 부록 = 741
 A.1 크롬에서 디버깅하기 = 742
 A.2 자바스크립트 학습용 도서와 웹 사이트 = 748
찾아보기 = 751