바닐라 자바스크립트

Chapter 1. 자바스크립트
자바스크립트의 역사
ECMA Script란
바닐라 JS

Chapter 2. 개발 환경 구성
2.1 Visual Studio Code 설치
2.2 Node.js 설치
2.3 자바스크립트 개발을 위한 유용한 vs code Extension 설치

Chapter 3. 자바스크립트 기본 문법
3.1 자바스크립트 작성 위치
3.2 HTML 파일 실행
3.3 콘솔(Console)
3.4 주석처리
3.5 변수와 상수
3.6 데이터 타입
3.7 64비트 부동소수점
3.8 연산자
3.9 조건문
3.10 반복문
3.11 함수(Function)

Chapter 4. 자바스크립트 내장 객체
4.1 Object 객체
4.2 String 객체
4.3 Number 객체
4.4 Array 객체
4.5 Date 객체
4.6 Set 객체
4.7 Map 객체
4.8 Math 객체
4.9 JSON 객체
4.10 Window 객체
4.11 Symbol

Chapter 5. 자바스크립트 고급 문법
5.1 this 키워드
5.2 Scope
5.3 Default Function Parameter
5.4 Rest Parameter
5.5 Arrow Function
5.6 Template Literals
5.7 Object Literal Syntax Extension
5.8 Spread Operator
5.9 Object Destructuring
5.10 Array Destructuring
5.11 XMLHttpRequest
5.12 Fetch API
5.13 Promise & Async/Await
5.14 Modules
5.15 Class
5.16 Error
5.17 Strict Mode (엄격 모드)
5.18 정규 표현식(Regular Expression)

Chapter 6. REST API
6.1 REST API
6.2 JSON 서버 사용하기

Chapter 7. Mock 서버 준비하기
7.1 Postman 설치
7.2 Mock 서버 생성
7.3 API 반환 데이터 설정

Chapter 8. 자바스크립트 HTML DOM
8.1 DOM Element(요소)
8.2 DOM Attribute
8.3 HTML 내용 변경
8.4 DOM 이벤트
8.5 DOM Style(스타일)

Chapter 9. 자바스크립트의 메모리 관리
9.1 메모리 할당
9.2 메모리 해제

Chapter 10. 자바스크립트 주요 Web APIs
10.1 LocalStorage, SessionStorage
10.2 Geolocation API
10.3 Web Speech API
10.4 encodeURI / decodeURI

Chapter 11. 브라우저의 랜더링 과정
11.1 렌더링 과정
11.2 리플로우(Reflow), 리페인트(Repaint)

Chapter 12. 자바스크립트 라이브러리 직접 구현해보기
12.1 Datepicker
12.2 날짜 포맷터
12.3 금액 포맷터
12.4 정수형 숫자만 입력 가능한 input 필드 만들기
12.5 소수점을 포함한 숫자만 입력 가능한 input 필드 만들기
12.6 다국어(i18n)
12.7 데이터 그리드

Chapter 13. SNS 로그인
13.1 카카오 계정으로 로그인하기
13.2 네이버 아이디로 로그인하기
13.3 구글 계정으로 로그인하기…

Chapter 14. 실습 예제
14.1 음료 자판기
14.2 지하철 요금 계산기
14.3 패밀리 레스토랑 결제 금액 계산기

찾아보기