Vue 3와 타입스크립트로 배우는 프런트엔드 개발

도입 편

1장 프런트엔드 개발 흐름과 Vue
_1.1 자바스크립트의 변천과 프런트엔드 개발의 등장
_1.2 프런트엔드 프레임워크와 Vue

2장 Vite와 Vue 프로젝트
_2.1 Vue 프로젝트 생성 준비
_2.2 Vue 프로젝트 생성과 실행
_2.3 Vue 프로젝트 생성 질문과 Vite

3장 Vue 프로그래밍의 기본
_3.1 Vue의 컴포넌트와 기본 구문
_3.2 반응형 시스템
_3.3 반응형 데이터를 준비하는 여러 가지 방법
_3.4 Vue 프로젝트 구성과 작동 원리

기본 편

4장 데이터와 이벤트 디렉티브
_4.1 데이터 바인딩 디렉티브
_4.2 이벤트 디렉티브

5장 양방향 데이터 바인딩과 기타 디렉티브
_5.1 양방향 데이터 바인딩
_5.2 기타 데이터 바인딩 디렉티브

6장 제어 디렉티브
_6.1 조건분기 디렉티브
_6.2 반복 디렉티브
_6.3 리스트 조작

7장 스크립트 블록 활용
_7.1 감시자
_7.2 라이프사이클 훅
_7.3 script setup의 진짜 모습
_7.4 Options API

8장 컴포넌트 간 연계
_8.1 자식 컴포넌트 사용
_8.2 컴포넌트 독립성과 CSS 처리
_8.3 부모에서 자식 컴포넌트로 통신
_8.4 Props 응용
_8.5 자식에서 부모로 컴포넌트 간 통신
_8.6 Provide와 Inject

9장 자식 컴포넌트 활용
_9.1 자식 컴포넌트를 사용자 정의하는 슬롯
_9.2 여러 개의 슬롯을 구현하는 명명된 슬롯
_9.3 데이터 전달을 역전시키는 범위가 지정된 슬롯
_9.4 동적 컴포넌트

10장 Vue 라우터
_10.1 싱글 페이지 애플리케이션
_10.2 Vue 라우터의 기본
_10.3 경로 파라미터
_10.4 스크립트 블록을 통한 라우팅 제어
_10.5 Vue 라우터의 다른 기능

11장 Pinia
_11.1 Pinia의 기본
_11.2 인자를 사용한 Pinia 이용 방법
_11.3 액션의 응용

응용 편

12장 비동기 처리
_12.1 비동기 처리의 기본
_12.2 IndexedDB
_12.3 웹 접속

13장 단위 테스트
_13.1 단위 테스트와 Vitest
_13.2 컴포넌트 테스트 기본
_13.3 컴포넌트 테스트 응용
_13.4 컴포넌트 간 통신 테스트