러닝스쿨! 자바스크립트 첫걸음(위키북스 러닝스쿨 시리즈 12)

★ 이 책에서 다루는 내용 ★

◎ 자바스크립트의 역사와 기초
◎ 자바스크립트 실행 환경 설정
◎ 자바스크립트 기본 문법
◎ 자바스크립트 심화 개념
◎ API 호출과 이벤트 처리
◎ DOM 조작
◎ 웹 페이지 개발 및 사용

★ 참고 자료 ★

◎ 인프런 강의: https://inf.run/7AC37

▣ 01장: 자바스크립트 시작하기
1.1 자바스크립트란
__1.1.1 자바와 자바스크립트
__1.1.2 자바스크립트의 버전
1.2 자바스크립트로 할 수 있는 일
__1.2.1 웹 개발
__1.2.2 서버 개발
__1.2.3 애플리케이션
1.3 자바스크립트를 배워야 하는 이유
__1.3.1 자바스크립트의 인기
__1.3.2 자바스크립트를 사용하는 기업들
1.4 자바스크립트 개발 환경
__1.4.1 자바스크립트 동작 방식
__1.4.2 웹 브라우저에서 실행
__1.4.3 비주얼 스튜디오 코드 설치 및 실행

▣ 02장: 변수와 자료형
2.1 변수
__2.1.1 변수 명명 규칙
__2.1.2 긴 변수명 표기법
2.2 상수
__2.2.1 상수 활용 예시
2.3 자료형
__2.3.1 숫자형
__2.3.2 BigInt
__2.3.3 문자형
__2.3.4 Boolean 형
__2.3.5 %00;
__2.3.6 undefined
2.4 형 변환
__2.4.1 묵시적 형 변환
__2.4.2 명시적 형 변환

▣ 03장: 연산자와 조건문
3.1 연산자
__3.1.1 산술 연산자
__3.1.2 대입 연산자
__3.1.3 비교 연산자
__3.1.4 연결 연산자
__3.1.5 논리 연산자
__3.1.6 %00; 병합 연산자
__3.1.7 삼항 연산자
3.2 조건문
__3.2.1 if 문
__3.2.2 if-else 문
__3.2.3 중첩 조건문
__3.2.4 if-else if 문
__3.2.5 switch/case 문

▣ 04장: 함수
4.1 함수의 기초
__4.1.1 함수 선언하기
__4.1.2 매개변수와 인수
__4.1.3 return 문
__4.1.4 코드의 흐름
4.2 스코프
__4.2.1 지역 변수와 외부 변수
__4.2.2 지역 스코프와 전역 스코프
__4.2.3 블록 스코프
__4.2.4 함수 스코프
__4.2.5 let과 var
4.3 호이스팅
__4.3.1 함수 호이스팅
__4.3.2 변수 호이스팅
4.4 함수 표현식
__4.4.1 함수 선언식과 표현식
__4.4.2 화살표 함수
__4.4.3 콜백 함수

▣ 05장: 객체
5.1 객체 생성
__5.1.1 생성자 함수
__5.1.2 리터럴
5.2 객체 프로퍼티
__5.2.1 객체 프로퍼티 값 사용
__5.2.2 객체 프로퍼티 추가
__5.2.3 객체 프로퍼티 수정
__5.2.4 객체 프로퍼티 삭제
__5.2.5 객체의 함수 프로퍼티

▣ 06장: 배열
6.1 배열 생성
__6.1.1 생성자 함수
__6.1.2 리터럴
6.2 배열 요소
__6.2.1 배열 요소 접근
__6.2.2 배열 요소 추가
__6.2.3 배열 요소 수정
__6.2.4 배열 요소 삭제
__6.2.5 배열의 길이

▣ 07장: 반복문
7.1 기본 반복문
__7.1.1 for 문
__7.1.2 while 문
7.2 배열과 객체에서의 반복문
__7.2.1 배열과 반복문
__7.2.2 객체와 반복문
__7.2.3 for…of와 for…in

▣ 08장: 배열과 객체 응용
8.1 배열 내장 함수
__8.1.1 요소 순회
__8.1.2 요소 탐색
__8.1.3 요소 추가 삭제
__8.1.4 요소 변형
8.2 구조 분해 할당
__8.2.1 배열 구조 분해 할당
__8.2.2 객체 구조 분해 할당
8.3 spread와 rest
__8.3.1 spread
__8.3.2 rest

▣ 09장: Date 객체
9.1 협정 세계시(UTC)와 타임스탬프
__9.1.1 협정 세계시(UTC)
__9.1.2 타임스탬프
9.2 Date 생성자 함수
__9.2.1 new Date()
__9.2.2 new Date(milliseconds)
__9.2.3 new Date(dateString)
9.3 Date 메서드
__9.3.1 Date.now()
__9.3.2 날짜 반환 메서드
__9.3.3 시각 반환 메서드
__9.3.4 날짜 수정 메서드
__9.3.5 시각 수정 메서드

▣ 10장: 자바스크립트의 비동기 처리
10.1 동기와 비동기
__10.1.1 동기, 비동기 처리
__10.1.2 setTimeout
10.2 프로미스 객체
__10.2.1 생성 및 사용법
__10.2.2 resolve와 reject
__10.2.3 콜백 지옥
__10.2.4 프로미스 체이닝
10.3 async와 await
__10.3.1 async
__10.3.2 await
__10.3.3 에러 핸들링
10.4 API
__10.4.1 클라이언트와 서버 통신
__10.4.2 API와 JSON
__10.4.3 API 호출과 비동기
__10.4.4 API 에러 핸들링

▣ 11장: DOM과 DOM API
11.1 DOM이란
__11.1.1 웹의 구성요소
__11.1.2 DOM과 DOM 트리
11.2 DOM API
__11.2.1 요소 노드 접근
__11.2.2 DOM 노드 값 조작
__11.2.3 요소 노드 생성
__11.2.4 이벤트 설정

▣ 12장: 실전 프로젝트
12.1 프로젝트 준비
__12.1.1 여러 가지 폼 조작
__12.1.2 로컬 스토리지
12.2 프로젝트 개발
__12.2.1 디지털 시계 제작
__12.2.2 검색 바 제작
__12.2.3 명언 API 호출
__12.2.4 북마크바 제작
__12.2.5 북마크 아이템 추가
__12.2.6 프로젝트 설정 및 사용

김효빈 대학생 시절, 개발에 어려움을 겪는 이들을 돕기 위해 커뮤니티를 만들며 창업을 시작했다. 그때의 경험을 토대로 개발자들에게 실질적인 도움을 주고자 교육자가 되기로 결심했다. 현재는 프런트엔드 개발자를 위한 자바스크립트 강의를 제작했으며, 스타트업에서 쌓은 다양한 프로젝트 경험을 바탕으로, 이 분야로의 첫걸음을 내딛는 분들이 더 쉽게 접근할 수 있도록 가이드 하고자 한다.

- 가톨릭대학교 컴퓨터정보공학부 학사
- (전) 스타트업 프런트엔드 리드 개발자
- 인프런 '웹 프론트엔드를 위한 자바스크립트 첫걸음' 강의