이 책은 Vue 3 기초부터 실전 프로젝트까지 두루 다루고 있습니다.
프런트엔드 개발에 관심이 있는 초급자부터 숙련된 개발자까지 모두를 아우르는 책으로써 Vue.js의 기본 개념에서부터 실제 애플리케이션 제작,
포트폴리오에 이르기까지 단계별로 Vue 3의 모든 것을 다룹니다.

특히, Vue.js 3의 주요 특징인 Composition API와 관련 도구들을 활용하여 독자들이 최신 기술 트렌드를 학습하고 실전에서 바로 적용할 수 있게 했습니다.

[대상 독자]

Ÿ   Vue.js를 처음 접하는 개발자: Vue 3의 기본과 실습을 통해 쉽게 시작할 수 있습니다.

Ÿ   프런트엔드 실무 개발자: Vue 3의 고급 기능과 실무 적용 방법을 익힐 수 있습니다.

Ÿ   프로젝트 중심 학습을 원하는 개발자: 다양한 프로젝트를 직접 제작하며 실력을 향상할 수 있습니다.

Ÿ   취업을 희망하는 준비생: 기초부터 실전까지의 내용으로 포트폴리오 제작이 가능합니다.

 

[독자 활용 방안]

Ÿ   체계적인 학습: PART 1부터 시작하여 Vue 3의 기본과 ES6를 익힌 후 실습에 도전하세요.

Ÿ   실전 프로젝트 수행: PART 2와 3의 프로젝트를 단계별로 진행하며 실무에서 활용할 수 있는 능력을 키우세요.

Ÿ   참고서로 활용: Vue 3의 특정 기능을 학습하거나 복습할 때 필요에 따라 각 장을 참조할 수 있습니다.

Vue 3의 세계로 여러분을 초대합니다. 이 책과 함께라면 Vue 3의 기초부터 고급 기능, 그리고 실전 프로젝트에 이르는 모든 과정을 자신 있게 탐험할 수 있습니다.

 

[소스코드 확인]

이 책의 예제에서 사용하는 소스코드는 아래 주소에서 확인할 수 있습니다.

https://github.com/kitaedev365/vuejs3

 

[기타 질문 및 답변]

이 책으로 공부하다가 이해하기 어려운 부분이나 궁금한 사항이 생기면 아래 인공지능 웹 개발 마스터 네이버 카페에서 질문해 주기 바랍니다.

https://cafe.naver.com/aiwebdev

[목 차]

추천의 말

이 책을 내며

들어가며

 

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 온라인 강의 플랫폼 애플리케이션 제작

 

찾아보기