Vue 3 풀스택 실전 웹 프로젝트 (기초부터 고급 실전 프로젝트를 통해 포트폴리오를 구성하기까지)

김기태

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

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

PART1.Vue3를시작하며

Chapter01Vue3란?
1.1Vue.js가걸어온길
1.2Vue.js개발환경설정
1.3Vue3프로젝트첫애플리케이션제작

Chapter02JavaScriptES6
2.1기본변수와연산자
2.2조건문과반복문그리고기타제어문
2.3객체와함수그리고메서드
2.4파라미터와구조분해할당
2.5DOM객체와이벤트
2.6화살표함수(ArrowFunction)
2.7데이터바인딩과표시
2.8데이터전달과비동기처리

Chapter03Vue컴포넌트(Component)
3.1Vue컴포넌트구성
3.2Vue디렉티브(Directive)
3.3Vue인스턴스(Instance)
3.4부모/자식컴포넌트
3.5Vue컴포넌트종합실습
3.6Vue컴포넌트TodoList애플리케이션프로젝트실습

Chapter04Vue이벤트와컴포넌트더자세히알기
4.1이벤트(Event)란
4.2Vue주요이벤트
4.3Vue커스텀이벤트(CustomEvents)
4.4컴포넌트더깊이들여다보기
4.5Vue대시보드애플리케이션프로젝트실습

PART2.Vue3프로젝트실습

Chapter05Vue스타일링(Styling)
5.1Vue스타일적용
5.2Bootstrap을적용한대시보드애플리케이션
5.3Tailwind를적용한스타트업웹애플리케이션
5.4Materialize를적용한모바일커머스애플리케이션
5.5Bulma를적용한개인포트폴리오애플리케이션

Chapter06프로젝트도구와SFC(SingleFileComponent)
6.1npminit을활용한SFC프로젝트
6.2Vite를활용한SFC프로젝트
6.3VueCLI를활용한SFC프로젝트

Chapter07CompositionAPI
7.1CompositionAPI란
7.2setup메서드와〈scriptsetup〉
7.3반응성상태데이터
7.4계산속성(ComputedProperties)
7.5감시자(Watcher)
7.6생명주기훅(LifecycleHook)
7.7VueCompositionAPI를적용한프로젝트실습

Chapter08VueRouter
8.1VueRouter란
8.2여러라우트와뷰
8.3흐름제어
8.4라우팅과인증처리
8.5VueRouter를활용한애플리케이션프로젝트실습

Chapter09비동기요청방식(HTTP통신)
9.1비동기요청방식이란?
9.2크로스오리진(CrossOrigin)이란
9.3Promise활용
9.4FetchAPI활용
9.5Axios활용
9.6Ajax활용
9.7백엔드개발환경구축
9.8비동기처리게시판애플리케이션프로젝트실습

PART3.Vue3종합실전프로젝트

Chapter10상태관리라이브러리
10.1Vuex를활용한온라인쇼핑몰애플리케이션제작
10.2Pinia를활용한자료실애플리케이션제작

Chapter11Vue3프로그래밍패턴
11.1Flux패턴을활용한TaskManager애플리케이션제작
11.2MVVM패턴을활용한Weather애플리케이션제작
11.3MVP패턴을활용한MovieReview애플리케이션제작
11.4컴포넌트기반패턴활용
11.5상태기반패턴활용

Chapter12백엔드(Back-end)연동
12.1공통작업
12.2Node/Express연동프로젝트실습
12.3Servlet연동프로젝트실습
12.4SpringFramework5연동프로젝트실습
12.5SpringBoot연동프로젝트실습
12.6FastAPI연동프로젝트실습

Chapter13테스트및배포
13.1단위테스트와통합테스트
13.2배포설정과최적화

Chapter14실무프로젝트
14.1E-commerce플랫폼애플리케이션제작
14.2ProjectManagementTool애플리케이션제작
14.3ContentManagementSystem(CMS)
14.4소셜미디어플랫폼애플리케이션제작
14.5온라인강의플랫폼애플리케이션제작

찾아보기

[대상독자]
 Vue.js를처음접하는개발자:Vue3의기본과실습을통해쉽게시작할수있습니다.
 프런트엔드실무개발자:Vue3의고급기능과실무적용방법을익힐수있습니다.
 프로젝트중심학습을원하는개발자:다양한프로젝트를직접제작하며실력을향상할수있습니다.
 취업을희망하는준비생:기초부터실전까지의내용으로포트폴리오제작이가능합니다.

[독자활용방안]
 체계적인학습:PART1부터시작하여Vue3의기본과ES6를익힌후실습에도전하세요.
 실전프로젝트수행:PART2와3의프로젝트를단계별로진행하며실무에서활용할수있는능력을키우세요.
 참고서로활용:Vue3의특정기능을학습하거나복습할때필요에따라각장을참조할수있습니다.
Vue3의세계로여러분을초대합니다.이책과함께라면Vue3의기초부터고급기능,그리고실전프로젝트에이르는모든과정을자신있게탐험할수있습니다.

[소스코드확인]
이책의예제에서사용하는소스코드는아래주소에서확인할수있습니다.
https://github.com/kitaedev365/vuejs3

[기타질문및답변]
이책으로공부하다가이해하기어려운부분이나궁금한사항이생기면아래인공지능웹개발마스터네이버카페에서질문해주기바랍니다.
https://cafe.naver.com/aiwebdev


Vue3는현재가장주목받는프런트엔드프레임워크중하나로현대적인웹애플리케이션개발의중심에서활약하고있습니다.이책은Vue3를처음접하는초급개발자뿐만아니라,실무에서Vue3를적용하고자하는개발자를위해설계되었습니다.Vue3의기본개념부터고급기능,그리고실전프로젝트까지단계적으로다루며독자들이Vue3를폭넓고깊이있게학습할수있도록구성했습니다.

이책은총3개의PART로학습내용이구성됩니다.
 PART1:Vue3의기본과ES6학습
Vue3를제대로이해하기위해서는JavaScriptES6에대한기본이해가필요합니다.따라서이책은Vue.js의개념과환경설정부터시작해ES6문법과DOM조작,그리고데이터를바인딩하고비동기적으로처리하는법까지상세히다룹니다.이과정을통해독자들은Vue3를다루기위한탄탄한기초를다질수있습니다.

 PART2:Vue3프로젝트실습
Vue3의스타일링옵션부터SingleFileComponent(SFC),CompositionAPI,VueRouter,비동기요청방식까지실습위주로구성되어있습니다.독자들은Vue3의각기능을직접사용하며다양한애플리케이션을만들어보게됩니다.특히Bootstrap,Tailwind,Bulma,Materialize와같은스타일라이브러리의활용과더불어실무에서활용할수있는디자인패턴도다룹니다.

 PART3:Vue3종합실전프로젝트
마지막으로Vuex,Pinia와같은상태관리라이브러리와MVVM,MVP등현대적인프로그래밍패턴을적용한애플리케이션을실습합니다.또한,백엔드와의연동,테스트와배포까지실무프로젝트의전체흐름을경험할수있도록구성했습니다.전자상거래플랫폼,콘텐츠관리시스템,소셜미디어애플리케이션등다양한프로젝트를통해Vue3의실무적용능력을강화할수있습니다.