Vue 3 풀스택 실전 웹 프로젝트

[대상 독자]
? 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


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의 실무 적용 능력을 강화할 수 있습니다.

추천의 말
이 책을 내며
들어가며

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

찾아보기

김기태 1993년, 소프트웨어 개발을 시작으로 1998년부터 정보기술과 디지털 디자인 강의를 병행하며 30년 이상 개발과 교육에 매진해 온 풀스택 개발 전문가이다. 컴퓨터공학과 AI융합교육을 전공했으며 한국에프엠, 대우통신, 미래IT 등의 IT 업체에서 개발자로 많은 소프트웨어 개발 경험이 있다. 교육 관련으로는 대우정보처리학원, 천재교육센터, 그린컴퓨터학원, 더조은컴퓨터아카데미 등에서 K-디지털 직종 강사로 강의하고 있으며 강사 커뮤니티에서 최신 기술 트렌드를 공유하며 활발히 활동 중이다.