Vue 3 기초부터 실전 프로젝트까지 두루 다루고 있다. 프런트엔드 개발에 관심이 있는 초급자부터 숙련된 개발자까지 모두를 아우르는 책으로써 Vue.js의 기본 개념에서부터 실제 애플리케이션 제작, 포트폴리오에 이르기까지 단계별로 Vue 3의 모든 것을 다룬다. 특히, Vue.js 3의 주요 특징인 Composition API와 관련 도구들을 활용하여 독자들이 최신 기술 트렌드를 학습하고 실전에서 바로 적용할 수 있게 했다.
Contents
추천의 말
이 책을 내며
들어가며
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 온라인 강의 플랫폼 애플리케이션 제작
찾아보기
Author
김기태,김대철
1993년, 소프트웨어 개발을 시작으로 1998년부터 정보기술과 디지털 디자인 강의를 병행하며 30년 이상 개발과 교육에 매진해 온 풀스택 개발 전문가이다. 컴퓨터공학과 AI융합교육을 전공했으며 한국에프엠, 대우통신, 미래IT 등의 IT 업체에서 개발자로 많은 소프트웨어 개발 경험이 있다. 교육 관련으로는 대우정보처리학원, 천재교육센터, 그린컴퓨터학원, 더조은컴퓨터아카데미 등에서 K-디지털 직종 강사로 강의하고 있으며 강사 커뮤니티에서 최신 기술 트렌드를 공유하며 활발히 활동 중이다.
1993년, 소프트웨어 개발을 시작으로 1998년부터 정보기술과 디지털 디자인 강의를 병행하며 30년 이상 개발과 교육에 매진해 온 풀스택 개발 전문가이다. 컴퓨터공학과 AI융합교육을 전공했으며 한국에프엠, 대우통신, 미래IT 등의 IT 업체에서 개발자로 많은 소프트웨어 개발 경험이 있다. 교육 관련으로는 대우정보처리학원, 천재교육센터, 그린컴퓨터학원, 더조은컴퓨터아카데미 등에서 K-디지털 직종 강사로 강의하고 있으며 강사 커뮤니티에서 최신 기술 트렌드를 공유하며 활발히 활동 중이다.