예제로 배우는 자바스크립트

황재호 지음

인포앤북 2023년 09월 15일 출간 종이책 : 2023년 09월 15일 출간

작품소개

책소개

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

목차

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() 메서드

인덱스

출판사 서평

자바스크립트는 웹 사이트의 기능을 구현하는 데 필수적인 컴퓨터 언어입니다. 최근에는 리액트(React), 앵귤러(Angular), 뷰(Vue) 등의 자바스크립트 프레임워크 사용자가 점차 늘어나고 웹 분야에 활용 빈도가 늘어남에 따라 자바스크립트의 중요성이 더욱 부각되고 있습니다. 이에 따라 웹 프로그래머들은 자바스크립트 기초를 더욱 튼튼히 하고 실전에서 자바스크립트를 자유자재로 활용하는 능력을 키우는 것이 무엇보다 중요하게 되었습니다. 자바스크립트의 중요성이 강조되는 반면 자바스크립트를 기초부터 차근차근 쉽게 설명하고 원리를 파악하는 데 도움을 주는 교재는 상대적으로 부족한 실정입니다. 이 책에서는 단계별로 다양한 난이도를 가진 300여개의 예제를 통하여 자바스크립트 문법을 자연스럽게 이해하여 실전에 활용할 수 있도록 합니다.

작가정보

저자(글) 황재호

경희대학교 전자공학과를 졸업하고 동 대학원에서 석ㆍ박사 학위를 취득하였다. KT 연구개발본부에서 연구원으로 근무하며 MPEG-2 비디오 코덱 시스템의 소프트웨어와 하드웨어를 개발하였다. 파이썬, HTML/CSS, PHP, 자바스크립트, 데이터베이스 등 IT 관련 서적 집필, 강의와 더불어 온라인 교육용 콘텐츠 개발에 힘쓰고 있다.