이 책에는 자바스크립트 초보자를 대상으로 아주 쉬운 문제부터 다소 난이도가 있는 문제까지 단계별로 300 여개의 예제들이 수록되어 있습니다. 예제를 중심으로 실습 위주로 공부하다보면 자연스럽게 자바스크립트의 동작 원리를 파악하여 자바스크립트의 기초 문법과 고급 기능까지 익힐 수 있습니다. 자바스크립트의 변수, 연산자, 제어문, 함수 등 프로그래밍 기초와 더불어 자바스크립트의 핵심이 되는 객체, 문서 객체 모델(DOM), 브라우저 객체 모델(BOM), 이벤트, 스코프, 클로저 등의 최신 기술까지 다루고 있습니다. 이 책은 독학으로 자바스크립트 기초와 고급 기능까지 마스터하려고 하는 초중급 웹 개발자나 대학 및 교육 기관에서 한 학기 강의 교재로 사용하기에 적합하도록 구성되어 있습니다.

경희대학교 전자공학과를 졸업하고 동 대학원에서 석ㆍ박사를 취득했다. KT 연구개발본부에서 연구원으로 근무하며 MPEG-2 비디오 코덱 시스템의 소프트웨어와 하드웨어를 개발하였다. 저서로는 한빛 아카데미의 『PHP 프로그래밍 입문』, 『HTML/CSS for Beginner』와 한빛 미디어의 『헬로코딩 : HTML5/CSS3』와 인포앤북의 『스타트 파이썬』, 『똑똑한 파이썬』, 『파이썬 입문 with 데이터분석/시각화』, 『HTML/CSS 입문』 등 10권의 도서가 있다. 현재는 대학에서 파이썬, PHP, 자바스크립트, 데이터베이스, HTML/CSS 등 파이썬과 웹 관련 강의와 더불어 관련 서적 집필과 온라인 콘텐츠 개발에 힘쓰고 있다.

경희대학교 전자공학과를 졸업하고 동 대학원에서 석ㆍ박사를 취득했다. KT 연구개발본부에서 연구원으로 근무하며 MPEG-2 비디오 코덱 시스템의 소프트웨어와 하드웨어를 개발하였다. 경희대학교 컴퓨터공학과 등에서 C++, 네트워크 프로그래밍, 자바, 운영체제, HTML/CSS, PHP, 자바스크립트, 웹 디자인 등을 강의하였다. 현재는 수원여자대학교에서 프로그래밍과 웹 콘텐츠 제작 등을 강의하고 있다.

1장. 자바스크립트 시작하기

1.1 자바스크립트와 개발 도구
1.1.1 웹과 자바스크립트
1.1.2 개발 도구
1.2 비주얼 스튜디오 코드 설치
1.3 자바스크립트 코드 작성과 실행
1.4 데이터 출력
1.4.1 innerHTML로 출력하기
1.4.2 document_write()로 출력하기
1.4.3 alert()로 알림창에 출력하기
1.4.4 console.log()로 콘솔에 출력하기
1.5 주석문
연습문제

2장. 데이터 형과 연산자

2.1 변수란?
2.1.1 변수 선언
2.1.2 변수 이름 짓기
2.2 데이터 형
2.2.1 숫자
2.2.2 Bigint
2.2.3 문자열
2.2.4 템플릿 문자열
2.2.5 불
2.2.6 Undefined와 Null
2.2.7 객체
2.2.8 배열
2.2.9 심볼
2.3 연산자
2.3.1 산술 연산자
2.3.2 문자열 연결 연산자
2.3.3 할당 연산자
2.3.4 비교 연산자
2.3.5 논리 연산자
2.4 프로그래밍 맛보기
2.4.1 원의 넓이 구하기
2.4.2 거스름돈 계산하기
2.4.3 섭씨/화씨 변환하기
연습문제

3장. 제어문

3.1 If 문
3.1.1 if~ 구문
3.1.2 if~ else~ 구문
3.1.3 if~ else if~ else~ 구문
3.2 Swich 문
3.3 For 문
3.3.1 For 문의 기본 구조
3.3.2 For In 문
3.3.3 For Of 문
3.3.4 이중 For 문
3.4 While 문
3.4.1 While 문의 기본 구조
3.4.2 Do While 문
3.5 Break/Continue 문
3.5.1 Break 문
3.5.2 Continue 문
연습문제

4장. 함수

4.1 함수란?
4.1.1 함수 정의와 호출
4.1.2 매개변수와 반환 값
4.1.3 함수를 이용한 섭씨/화씨 변환
4.2 익명 함수
4.2.1 익명 함수란?
4.2.2 자기호출 익명 함수
4.2.3 화살표 함수
4.2.4 호이스팅
4.3 함수의 매개변수
4.3.1 매개변수의 기본 값
4.3.2 나머지 매개변수
4.3.3 Arguments 객체
4.4 자바스크립트 스코프
4.4.1 전역 스코프
4.4.2 함수 스코프
4.4.3 블록 스코프
4.5 클로저
4.5.1 클로저란?
4.5.2 클로저 활용
4.6 예외 처리
4.6.1 try~ catch 문
4.6.2 try~ catch~ finally 문
연습문제

5장. 객체

5.1 객체 생성
5.2 프로퍼티
5.2.1 For In 문으로 프로퍼티 읽기
5.2.2 프로퍼티 추가하기
5.2.3 프로퍼티 삭제하기
5.2.4 중첩 객체
5.3 메서드
5.3.1 메서드란?
5.3.2 메서드 추가하기
5.3.3 내장 메서드
5.4 생성자 함수
5.4.1 생성자 함수란?
5.4.2 생성자 함수의 메서드
5.5 프로토타입
5.6 클래스
5.6.1 클래스 기본 구조
5.6.2 클래스 상속
5.6.3 정적 메서드
연습문제

6장. 숫자

6.1 자바스크립트의 숫자
6.1.1 숫자와 문자열 연산
6.1.2 NaN 데이터 형
6.1.3 진수 변환
6.1.4 무한대
6.2 Number 메서드
6.2.1 toString() 메서드
6.2.2 toFixed() 메서드
6.2.3 toPrecision() 메서드
6.2.4 toExponential() 메서드
6.3 변수의 숫자 변환
6.3.1 Number() 메서드
6.3.2 parseFloat() 메서드
6.3.3 parseInt() 메서드
6.4 Number 프로퍼티
6.4.1 MAX_VALUE 프로퍼티
6.4.2 MAX_SAFE_INTEGER 프로퍼티
연습문제

7장. 문자열

7.1 문자열이란?
7.1.1 특정 문자에 접근하기
7.1.2 문자 반복 처리하기
7.2 문자열 추출
7.2.1 slice() 메서드
7.2.2 substr() 메서드
7.3 문자열 변환
7.3.1 toUpperCase() 메서드
7.3.2 toLowerCase() 메서드
7.3.3 replace() 메서드
7.3.4 replaceAll() 메서드
7.3.5 concat() 메서드
7.3.6 split() 메서드
7.4 공백 삭제와 문자열 패딩
7.4.1 trim() 메서드
7.4.2 trimStart() 메서드
7.4.3 trimEnd() 메서드
7.4.4 padStart() 메서드
7.4.5 padEnd() 메서드
7.5 문자열 검색
7.5.1 indexOf() 메서드
7.5.2 lastIndexOf() 메서드
7.5.3 search() 메서드
7.5.4 match() 메서드
7.5.5 includes() 메서드
연습문제

8장. 정규 표현식

8.1 정규 표현식이란?
8.1.1 정규 표현식의 형식
8.1.2 정규 표현식의 플래그
8.2 메타문자
8.2.1 메타문자 :
. 8.2.2 메타문자 : w
8.2.3 메타문자 : W
8.2.4 메타문자 : d
8.2.5 메타문자 : D
8.2.6 메타문자 : s
8.2.7 메타문자 : S
8.2.8 메타문자 : b
8.2.9 메타문자 : B
8.3 수량자
8.3.1 수량자 : +
8.3.2 수량자 : *
8.3.3 수량자 : ?
8.3.4 수량자 : {m}
8.3.5 수량자 : {m,}
8.3.6 수량자 : {m,n}
8.3.7 수량자 : ^
8.3.8 수량자 : $
8.3.9 수량자 : ?=
8.3.10 수량자 : ?!
8.4 그룹 패턴
8.4.1 패턴 : [abc]
8.4.2 패턴 : [^abc]
8.4.3 패턴 : [0-9]
8.4.4 패턴 : [^0-9]
8.4.5 패턴 : [x|y]
8.5 정규 표현식 메서드
8.5.1 exec() 메서드
8.5.2 test() 메서드
연습문제

9장. 배열

9.1 배열이란?
9.1.1 배열의 생성
9.1.2 배열 요소 값의 변경
9.1.3 배열과 객체의 차이
9.1.4 배열 요소 반복 읽기
9.2 배열 요소 변환/추가/삭제
9.2.1 join() 메서드
9.2.2 push() 메서드
9.2.3 pop() 메서드
9.2.4 shift() 메서드
9.2.5 splice() 메서드
9.3 배열 요소 추출/검색
9.3.1 indexOf() 메서드
9.3.2 includes() 메서드
9.3.3 slice() 메서드
9.3.4 find() 메서드
9.3.5 forEach() 메서드
9.3.6 map() 메서드
9.4 배열 병합/복사/정렬
9.4.1 concat() 메서드
9.4.2 copyWithin() 메서드
9.4.3 sort() 메서드
9.4.4 reverse() 메서드
9.5 2차원 배열
9.5.1 2차원 배열 생성
9.5.2 2차원 배열에 값 입력
9.5.3 2차원 배열의 합계와 평균
연습문제

10장. 내장 객체

10.1 Math 객체
10.1.1 min()/max() 메서드
10.1.2 abs() 메서드
10.1.3 round() 메서드
10.1.4 floor() 메서드
10.1.5 ceil() 메서드
10.1.6 pow() 메서드
10.1.7 sqrt() 메서드
10.1.8 log() 메서드
10.1.9 random() 메소드
10.2 Date 객체
10.2.1 현재 날짜와 시간
10.2.2 날짜 가져오기
10.2.3 시간 가져오기
10.2.4 날짜와 시간 설정하기
10.3 Set 객체
10.3.1 Set 객체 생성
10.3.2 add() 메서드
10.3.3 size 프로퍼티
10.3.4 has() 메서드
10.3.5 delete() 메서드
10.4 Map 객체
10.4.1 Map 객체 생성
10.4.2 set() 메서드
10.4.3 get() 메서드
10.4.4 has() 메서드
10.4.5 delete() 메서드
10.4.6 size 프로퍼티
연습문제

11장. 문서 객체 모델(DOM)

11.1 문서 객체 모델((DOM)이란?
11.1.1 DOM의 구조
11.1.2 DOM의 메서드와 속성
11.1.3 Document 객체
11.2 HTML 요소 선택
11.2.1 아이디로 요소 선택하기
11.2.2 태그 이름으로 요소 선택하기
11.2.3 클래스 이름으로 요소 선택하기
11.2.4 CSS 선택자로 요소 선택하기
11.3 HTML 요소 내용과 속성
11.3.1 요소 내용 가져오기
11.3.2 요소 내용 설정오기
11.3.3 요소 속성 변경하기
11.3.4 요소 CSS 변경하기
11.4 Document 객체의 프로퍼티
11.4.1 URL 프로퍼티
11.4.2 title 프로퍼티
11.4.3 forms 프로퍼티
11.4.4 links 프로퍼티
11.4.5 images 프로퍼티
11.5 HTML 폼 검증
11.5.1 폼 입력 여부 체크하기
11.5.2 숫자 입력 검증하기
11.6 DOM 노드
11.6.1 노드의 종류
11.6.2 노드 추가하기
11.6.3 노드 삽입하기
11.6.4 노드 삭제하기
11.6.5 노드 변경하기
연습문제

12장. 이벤트

12.1 이벤트란?
12.1.1 이벤트 핸들러
12.1.2 인라인 모델
12.1.3 이벤트 리스너
12.2 이벤트 버블링
12.3 마우스 이벤트
12.3.1 onclick/ondblclick 이벤트
12.3.2 onmouseover/onmouseout 이벤트
12.3.3 onmouseenter 이벤트
12.3.4 onmouseleave 이벤트
12.3.5 onmousemove 이벤트
12.4 포커스 이벤트
12.5 키보드 이벤트
12.5.1 onkeydown 이벤트
12.5.2 onkeyup 이벤트
12.6 기타 이벤트
12.6.1 onchange 이벤트
12.6.2 onload 이벤트
12.6.3 oncopy/oncut/onpaste 이벤트
연습문제

13장. 브라우저 객체 모델(BOM)

13.1 브라우저 객체 모델(BOM)이란?
13.2 Window 객체
13.2.1 새창 열기
13.2.2 창 닫기
13.2.3 창 크기 가져오기
13.3 Screen 객체
13.3.1 모니터 화면의 너비와 높이
13.3.2 모니터 색상당 비트 수
13.4 Location 객체
13.4.1 웹 페이지의 URL 주소
13.4.2 파일 경로 가져오기
13.4.3 호스트 이름 가져오기
13.4.4 새로운 문서 불러오기
13.5 History 객체
13.5.1 히스토리 목록 개수 알아보기
13.5.2 히스토리 목록 접근하기
13.6 Navigator 객체
13.7 타이머 메서드
13,7.1 setTimeout() 메서드
13,7.2 setInterval() 메서드

인덱스