프론트엔드 개발을 위한 Javascript & Vue.js 핸드북

1장 JavaScript

1 변수
1-1 변수의 선언
1-2 데이터의 유형
2 연산자
2-1 산술 연산자
2-2 논리 연산자
2-3 비교 연산자
3 문자열
4 배열
5 조건문
5-1 if 문
5-2 switch문
6 반복문
6-1 for 문
6-2 while 문
7 함수
7-1 함수의 선언
7-2 기본값의 설정
7-3 주요 내장 함수
8 오브젝트 (Object)
8-1 오브젝트의 생성
8-2 내장 오브젝트
9 HTML 돔 이벤트
9-1 Click
9-2 preventDefault
9-3 stopPropagation
9-4 Scroll 이벤트
9-4 문서의 로드 시점
9-5 resize 이벤트
10 폼(Form) 요소
10-1 submit
10-2 input
10-3 select
11 JSON
12 Ajax 데이터 통신
13 모듈 (import, export)
14 데이터의 저장
14-1 쿠키
14-2 세션스토리지
14-3 로컬스토리지
15 에러 캐치

2장 Vue.js

1 Vue.js 시작하기
1-1 Vue 객체의 생성
1-2 라이프사이클 이벤트
1-3 기본 구조
1-4 nextTick()
1-5 this의 범위
2 템플릿 문법
2-1 텍스트 보간법
2-2 HTML 출력
2-3 속성 바인딩
2-4 Boolean 속성
2-5 여러 속성을 동적으로 바인딩
2-6 JavaScript 표현식 사용
2-7 Object.freeze
3 클래스와 스타일 바인딩
3-1 클래스 바인딩
3-2 스타일 바인딩
4 이벤트 핸들링
5 computed 와 watch
5-1 computed
5-2 watch
6 조건부 렌더링
6-1 v-if 와 v-show
6-2 탭 기능 예제
6-3 동영상 재생 예제
7 리스트 렌더링
7-1 for 문 예제 배열 탐색
7-2 배열 안에 오브젝트 탐색
7-3 리스트 중에 더보기 기능
7-4 for 문 사용시 주의 사항
8 Form 입력 바인딩
8-1 v-model 동기화
8-2 폼 전송 예제
8-2 수식어
9 디렉티브
9-1 인자
9-2 동적인 인자
9-3 수식어
9-4 내장 디렉티브의 종류
9-5 사용자 정의 디렉티브
10 컴포넌트
10-1 컴포넌트의 등록
10-2 데이터 전달
10-3 컴포넌트 이름 표기법
10-4 비동기 컴포넌트
10-5 이벤트버스
11 필터
11-1 필터의 생성 및 사용
11-2 필터 예제

3장 Vue.js 3.x

1 기본 앱의 생성
1-1 일반 문법
1-2 ES6 모듈 문법
2. 컴포넌트의 생성
2-1 빌드하지 않는 경우
2-2 빌드하는 경우
2-3 하나의 파일에서 작성하기
3 반응형
4 계산된 속성
5 클래스와 스타일 바인딩
5-1 클래스 객체로 바인딩하기
5-2 클래스 배열로 바인딩하기
5-3 인라인 스타일 바인딩
6 리스트 렌더링
7 이벤트 핸들링
8 watch 옵션
9 템플릿 참조
10 컴포넌트
10-1 부모와 자식 컴포넌트간의 통신
10-2 동적 컴포넌트
10-3 직계가 아닌 자식 컴포넌트에 데이타 전달하기
10-4 비동기 컴포넌트
11 커스텀 디렉티브
11-1 디렉티브의 생성
11-2 디렉티브에 인자 전달

4장 활용편

1 Swiper
2 axios
3 이미지 로드 지연
4 테트리스 만들기
5 이상형 월드컵 만들기