모던 자바스크립트 입문

기초 문법부터 ES6, 정규 표현식, 객체 지향 및 함수형 프로그래밍, HTTP,

이소 히로시 지음 | 서재원 옮김

길벗 2018년 06월 08일 출간 종이책 : 2018년 03월 30일 출간

작품소개

책소개

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

목차

1장 자바스크립트의 개요
1.1 프로그래밍 언어로서의 자바스크립트
1.2 자바스크립트의 역사

2장 프로그램의 작성법과 실행법
2.1 실습 준비하기
2.2 간단한 예제
2.3 프로그램 실행법
2.4 프로그램 작성법

3장 변수와 값
3.1 변수
3.2 데이터 타입
3.3 ECMAScript 6부터 추가된 데이터 타입

4장 객체와 배열, 함수의 기초
4.1 객체의 기초 ① 객체 리터럴
4.2 함수의 기초
4.3 객체의 기초 ② 생성자
4.4 객체의 기초 ③ 내장 객체
4.5 배열의 기초

5장 표현식과 연산자
5.1 연산자
5.2 산술 연산
5.3 문자열 제어하기
5.4 논리 연산자와 관계 연산자
5.5 비트 연산
5.6 기타 연산
5.7 명시적 타입 변환

6장 웹 브라우저에서의 입출력
6.1 대화상자 표시하기
6.2 console
6.3 이벤트 처리기 등록하기와 타이머 알아보기
6.4 HTML 요소를 동적으로 읽고 쓰기
6.5 Canvas를 활용한 컴퓨터 그래픽스

7장 제어 구문
7.1 제어 구문
7.2 조건문
7.3 반복문
7.4 점프문
7.5 응용 예제

8장 함수
8.1 함수 정의하기
8.2 함수 호출하기
8.3 함수의 인수
8.4 재귀 함수
8.5 프로그램의 평가와 실행 과정
8.6 클로저
8.7 이름 공간
8.8 객체로서의 함수
8.9 고차 함수
8.10 콜백 함수
8.11 ECMAScript 6부터 추가된 함수의 기능

9장 객체
9.1 객체 생성하기
9.2 프로토타입 상속
9.3 접근자 프로퍼티
9.4 프로퍼티의 속성
9.5 프로퍼티가 있는지 확인하기
9.6 프로퍼티의 열거
9.7 객체 잠그기
9.8 Mixin
9.9 JSON
9.10 ECMAScript 6부터 추가된 객체의 기능

10장 배열의 다양한 기능
10.1 배열의 메서드
10.2 다차원 배열
10.3 유사 배열 객체
10.4 ECMAScript 6의 배열과 새롭게 추가된 기능

11장 버그와 오류에 대처하는 방법
11.1 버그에 대처하기
11.2 예외 처리

12장 정규 표현식
12.1 정규 표현식의 기본
12.2 기본적인 정규 표현식 패턴 작성하기
12.3 패턴 매칭을 하는 문자열 메서드
12.4 RegExp 객체
12.5 ECMAScript 6부터 추가된 정규 표현식의 새로운 기능

13장 웹 브라우저의 객체
13.1 클라이언트 측 자바스크립트
13.2 Location 객체
13.3 History 객체
13.4 Navigator 객체
13.5 Screen 객체
13.6 Document 객체
13.7 창 제어하기

14장 문서 제어
14.1 DOM 트리
14.2 노드 객체 가져오기
14.3 속성 값의 읽기와 쓰기
14.4 HTML 요소의 내용을 읽고 쓰기
14.5 노드 생성/삽입/삭제하기
14.6 HTML 요소의 위치
14.7 HTML 폼
14.8 CSS 제어하기

15장 이벤트 처리
15.1 이벤트 처리기를 등록하는 방법
15.2 이벤트 리스너를 등록하고 삭제하는 방법
15.3 이벤트 객체
15.4 이벤트의 전파
15.5 이벤트 리스너 안의 this
15.6 이벤트 리스너에 추가적인 정보를 넘기는 방법
15.7 커스텀 이벤트
15.8 비동기 처리를 간결하게 작성하는 Promise
15.9 그림판 프로그램 만들기

16장 HTTP 제어(Ajax)
16.1 HTTP 통신
16.2 Ajax
16.3 XMLHttpRequest
16.4 응답 받기
16.5 크로스 오리진 통신

17장 MVC 모델에 기반을 둔 프로그램 설계
17.1 MVC 모델
17.2 생명 게임 시뮬레이터

18장 생성자와 클래스 구문
18.1 생성자
18.2 생성자 상속
18.3 ECMAScript 6의 클래스 구문

19장 API 활용
19.1 드래그 앤 드롭 API
19.2 Blob
19.3 Web Workers

A 부록
A.1 크롬에서 디버깅하기
A.2 자바스크립트 학습용 도서와 웹 사이트

책 속으로

이 책은 프로그래밍 언어인 자바스크립트를 배우기 위한 책입니다. 자바스크립트 언어의 사양과 웹 브라우저에서의 자바스크립트 기능을 설명합니다. 이 책은 프로그래밍을 처음 경험하는 분, 다른 프로그래밍 언어를 사용한 경험은 있지만 자바스크립트는 처음으로 접하는 분, 이미 자바스크립트를 사용하고 있지만 자바스크립트 언어의 사양을 더욱 깊게 배우고 싶은 분 모두에게 적합합니다. 이 책은 독자가 자바스크립트 문법을 기초부터 이해할 수 있도록 돕고, 간단한 웹 애플리케이션을 직접 만들 수 있도록 돕는 것이 목표입니다.

이 책의 내용은 크게 두 부분으로 나눌 수 있습니다. 하나는 ECMAScript 사양으로 규정된 기본 자바스크립트 내용이고 다른 하나는 웹 브라우저 고유의 기능(클라이언트 측 자바스크립트)입니다. 2장은 코어 자바스크립트와 클라이언트 측 자바스크립트의 내용을 모두 포함합니다. 3~5장, 7~12장, 18장에서는 코어 자바스크립트를 다룹니다. 6장, 13~17장, 19장에서는 클라이언트 측 자바스크립트를 다룹니다. 다른 책처럼 전반부를 코어 자바스크립트로 구성하고 후반부를 클라이언트 측 자바스크립트로 명확하게 나누어 구성하지 않은 이유는 독자의 학습 편의성을 우선시했기 때문입니다.

프로그래밍 언어는 어떻게 해도 순차적으로 설명하기가 쉽지 않습니다. 결과적으로 독자가 아직 읽지 않은 부분의 참조가 들어가게 됩니다. 이 책은 이러한 참조를 가능한 줄이려고 노력했습니다. 또한, 독자가 처음부터 순서대로 읽어 나갈 수 있도록 구성했습니다. 예를 들어 자바스크립트로 HTML 문서를 제어하는 방법은 14장에서 설명하고, 이벤트를 처리하는 방법은 15장에서 자세하게 설명합니다. 하지만 이 내용의 기초적인 설명이 6장에 담겨 있습니다. 이러한 구성으로 14장과 15장을 참조하지 않더라도 HTML 문서 제어와 이벤트 처리를 활용한 재미있는 예제를 14장 앞에 있는 장에서도 경험할 수 있습니다.

출판사 서평

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

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

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

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

작가정보

저자(글) 이소 히로시

저자 : 이소 히로시
저자 이소 히로시
토키와 대학 사회환경학부 부교수다. 쓰쿠바 연구 학원 전문 학교 강사, 후지 단기 대학 부교수와 후지 토키와 대학 조교수를 거쳤으며, CAD와 프로그래밍, 수학, 과학 교육 분야에서 활동하고 있다. 1988년에 미국 페르미 국립 가속기 연구소 연구원으로 양자 반양성자 충돌 실험에 참여했으며, 1987년에 쓰쿠바 대학 대학원 박사 물리학 대학원에서 단위 취득 후 만기 퇴학했으며, 이학 박사다. ＜연습을 통해 실력을 쌓는 HTML /CSS 코딩 교과서＞를 집필했다.

역자 : 서재원
역자 서재원은 웹 프런트엔드 개발자와 번역가로 활동 중이다. 최근에는 함수형 자바스크립트 프로그래밍과 블록체인 기술에 관심이 많다. 역서로는 ＜그림으로 배우는 알고리즘＞, ＜그림으로 배우는 클라우드＞, ＜그림으로 배우는 C+ Programming＞, ＜구글에서 배우는 딥러닝＞ 등이 있다.

번역 서재원