CHAPTER 1 Vue.js의 세계로
_1.1 Vue.js란?
_1.2 현대 웹 개발과 Vue의 이점
_1.3 Node.js 설치
_1.4 Vue 개발자 도구
_1.5 빌더 관리 도구 Vite.js
_1.6 Vue 애플리케이션 생성
_1.7 파일 리포지터리 구조
정리
CHAPTER 2 Vue의 기본 작동 방식
_2.1 가상 DOM 들여다보기
_2.2 Vue 앱 인스턴스 및 옵션 API
_2.3 옵션 API 탐색
_2.4 템플릿 구문
_2.5 데이터 프로퍼티를 통한 로컬 상태 생성
_2.6 Vue의 반응성이 작동하는 방식
_2.7 v-model을 이용한 양방향 바인딩
_2.8 v-model.lazy 수정자
_2.9 v-bind를 통한 반응형 데이터 바인딩 및 Props 데이터 전달
_2.10 클래스 및 스타일 속성 바인딩
_2.11 v-for를 이용한 데이터 컬렉션 순회
_2.12 v-on을 이용한 이벤트 리스너 추가
_2.13 v-if, v-else, v-else-if를 이용한 조건부 렌더링
_2.14 v-show를 이용한 조건부 표시
_2.15 v-html을 이용한 동적 HTML 코드 표시
_2.16 v-text를 이용한 텍스트 콘텐츠 표시
_2.17 v-once 및 v-memo를 이용한 렌더링 최적화
_2.18 전역 컴포넌트 등록
정리
CHAPTER 3 컴포넌트 구성
3.1 Vue 싱글 파일 컴포넌트 구조
3.2 defineComponent(와 타입스크립트 지원
3.3 컴포넌트 라이프사이클 훅
3.4 메서드
3.5 computed 프로퍼티
3.6 와처
3.7 슬롯
3.8 템플릿과 v-slot으로 명명된 슬롯
3.9 ref의 이해
3.10 믹스인과 컴포넌트 설정 공유
3.11 컴포넌트 스타일과 적용 범위
3.12 CSS 모듈과 컴포넌트 스타일
정리
CHAPTER 4 컴포넌트 상호작용
_4.1 자식 컴포넌트의 데이터 흐름
_4.2 커스텀 이벤트와 컴포넌트 간 통신
웹 개발의 혁신, Vue.js의 모든 것을 이 한 권으로!
이 책은 자바스크립트와 타입스크립트를 사용하여 Vue 라이브러리로 웹 애플리케이션을 개발하는 전 과정을 상세히 안내한다. 최신 상태 관리 라이브러리인 Pinia를 통해 컴포넌트 간 데이터를 효율적으로 관리하는 방법을 익히고, Vue 라우터를 사용해 애플리케이션의 내비게이션을 구축하는 기술을 배운다. 또한 Vue의 트랜지션 시스템으로 기본적인 애니메이션 효과를 구현하여 사용자 경험을 향상시키는 방법도 다룬다. 이 책을 통해 Vue 3의 핵심 기능들을 활용하고, 확장성 높은 인터랙티브 웹 애플리케이션을 효과적으로 구축하는 기술을 습득하길 바란다.
주요 내용
Vue로 재사용 가능한 컴포넌트 시스템 생성
정적 애플리케이션에 반응성 도입
Vite.js로 Vue 애플리케이션 프로젝트 생성
서버에서 외부 데이터를 Vue 애플리케이션에 연결
Vue 라우터를 이용해 정적 및 동적 라우팅으로 애플리케이션 흐름 제어
Vitest와 Playwright로 애플리케이션 테스트
