[목 차]
추천의 말
이 책을 내며
들어가며
PART 1. Vue 3를 시작하며
Chapter 01 Vue 3란?
1.1 Vue.js가 걸어온 길
1.2 Vue.js 개발환경 설정
1.3 Vue 3 프로젝트 첫 애플리케이션 제작
Chapter 02 JavaScript ES6
2.1 기본 변수와 연산자
2.2 조건문과 반복문 그리고 기타 제어문
2.3 객체와 함수 그리고 메서드
2.4 파라미터와 구조 분해 할당
2.5 DOM 객체와 이벤트
2.6 화살표 함수(Arrow Function)
2.7 데이터 바인딩과 표시
2.8 데이터 전달과 비동기 처리
Chapter 03 Vue 컴포넌트(Component)
3.1 Vue 컴포넌트 구성
3.2 Vue 디렉티브(Directive)
3.3 Vue 인스턴스(Instance)
3.4 부모/자식 컴포넌트
3.5 Vue 컴포넌트 종합 실습
3.6 Vue 컴포넌트 TodoList 애플리케이션 프로젝트 실습
Chapter 04 Vue 이벤트와 컴포넌트 더 자세히 알기
4.1 이벤트(Event)란
4.2 Vue 주요 이벤트
4.3 Vue 커스텀 이벤트(Custom Events)
4.4 컴포넌트 더 깊이 들여다보기
4.5 Vue 대시보드 애플리케이션 프로젝트 실습
PART 2. Vue 3 프로젝트 실습
Chapter 05 Vue 스타일링(Styling)
5.1 Vue 스타일 적용
5.2 Bootstrap을 적용한 대시보드 애플리케이션
5.3 Tailwind를 적용한 스타트업 웹 애플리케이션
5.4 Materialize를 적용한 모바일 커머스 애플리케이션
5.5 Bulma를 적용한 개인 포트폴리오 애플리케이션
Chapter 06 프로젝트 도구와 SFC(Single File Component)
6.1 npm init을 활용한 SFC 프로젝트
6.2 Vite를 활용한 SFC 프로젝트
6.3 Vue CLI를 활용한 SFC 프로젝트
Chapter 07 Composition API
7.1 Composition API란
7.2 setup 메서드와 <script setup>
7.3 반응성 상태 데이터
7.4 계산 속성(Computed Properties)
7.5 감시자(Watcher)
7.6 생명주기 훅(Lifecycle Hook)
7.7 Vue Composition API를 적용한 프로젝트 실습
Chapter 08 Vue Router
8.1 Vue Router란
8.2 여러 라우트와 뷰
8.3 흐름 제어
8.4 라우팅과 인증 처리
8.5 Vue Router를 활용한 애플리케이션 프로젝트 실습
Chapter 09 비동기 요청 방식(HTTP 통신)
9.1 비동기 요청 방식이란?
9.2 크로스 오리진(Cross Origin)이란
9.3 Promise 활용
9.4 Fetch API 활용
9.5 Axios 활용
9.6 Ajax 활용
9.7 백엔드 개발환경 구축
9.8 비동기 처리 게시판 애플리케이션 프로젝트 실습
PART 3. Vue 3 종합 실전 프로젝트
Chapter 10 상태 관리 라이브러리
10.1 Vuex를 활용한 온라인 쇼핑몰 애플리케이션 제작
10.2 Pinia를 활용한 자료실 애플리케이션 제작
Chapter 11 Vue 3 프로그래밍 패턴
11.1 Flux 패턴을 활용한 Task Manager 애플리케이션 제작
11.2 MVVM 패턴을 활용한 Weather 애플리케이션 제작
11.3 MVP 패턴을 활용한 Movie Review 애플리케이션 제작
11.4 컴포넌트 기반 패턴 활용
11.5 상태 기반 패턴 활용
Chapter 12 백엔드(Back-end) 연동
12.1 공통 작업
12.2 Node/Express 연동 프로젝트 실습
12.3 Servlet 연동 프로젝트 실습
12.4 Spring Framework 5 연동 프로젝트 실습
12.5 Spring Boot 연동 프로젝트 실습
12.6 Fast API 연동 프로젝트 실습
Chapter 13 테스트 및 배포
13.1 단위 테스트와 통합 테스트
13.2 배포 설정과 최적화
Chapter 14 실무 프로젝트
14.1 E-commerce 플랫폼 애플리케이션 제작
14.2 Project Management Tool 애플리케이션 제작
14.3 Content Management System(CMS)
14.4 소셜 미디어 플랫폼 애플리케이션 제작
14.5 온라인 강의 플랫폼 애플리케이션 제작
찾아보기
Vue 3는 현재 가장 주목받는 프런트엔드 프레임워크 중 하나로 현대적인 웹 애플리케이션 개발의 중심에서 활약하고 있습니다. 이 책은 Vue 3를 처음 접하는 초급 개발자뿐만 아니라, 실무에서 Vue 3를 적용하고자 하는 개발자를 위해 설계되었습니다. Vue 3의 기본 개념부터 고급 기능, 그리고 실전 프로젝트까지 단계적으로 다루며 독자들이 Vue 3를 폭넓고 깊이 있게 학습할 수 있도록 구성했습니다.
이 책은 총 3개의 PART로 학습 내용이 구성됩니다.
PART 1: Vue 3의 기본과 ES6 학습
Vue 3를 제대로 이해하기 위해서는 JavaScript ES6에 대한 기본 이해가 필요합니다. 따라서 이 책은 Vue.js의 개념과 환경설정부터 시작해 ES6 문법과 DOM 조작, 그리고 데이터를 바인딩하고 비동기적으로 처리하는 법까지 상세히 다룹니다. 이 과정을 통해 독자들은 Vue 3를 다루기 위한 탄탄한 기초를 다질 수 있습니다.
PART 2: Vue 3 프로젝트 실습
Vue 3의 스타일링 옵션부터 Single File Component(SFC), Composition API, Vue Router, 비동기 요청 방식까지 실습 위주로 구성되어 있습니다. 독자들은 Vue 3의 각 기능을 직접 사용하며 다양한 애플리케이션을 만들어 보게 됩니다. 특히 Bootstrap, Tailwind, Bulma, Materialize와 같은 스타일 라이브러리의 활용과 더불어 실무에서 활용할 수 있는 디자인 패턴도 다룹니다.
PART 3: Vue 3 종합 실전 프로젝트
마지막으로 Vuex, Pinia와 같은 상태 관리 라이브러리와 MVVM, MVP 등 현대적인 프로그래밍 패턴을 적용한 애플리케이션을 실습합니다. 또한, 백엔드와의 연동, 테스트와 배포까지 실무 프로젝트의 전체 흐름을 경험할 수 있도록 구성했습니다. 전자상거래 플랫폼, 콘텐츠 관리 시스템, 소셜 미디어 애플리케이션 등 다양한 프로젝트를 통해 Vue 3의 실무 적용 능력을 강화할 수 있습니다.