Vue.js 프로젝트 투입 일주일 전

많은 개발 언어 중에서 직관적이고 배우기 쉬운 Vue.js를 다뤘습니다. 이 책은 실무에서 프로젝트를 개발하는 진행 순서에 맞춰서 구성했기 때문에 초보자도 충분히 따라할 수 있으며, 개발 기초 지식이 있는 독자라면 조금 더 빠르게 Vue.js를 배울 수 있습니다. 개발 환경 설정부터 웹 앱 구현까지 책을 따라 하면서 자연스럽게 실무에 필요한 내용을 배워 보세요.


이 책의 특징
- 실무에 필요한 내용만 담았습니다.
- 실제 프로젝트처럼 순서대로 진행합니다.
- 미니 프로젝트를 통해 도서 내용을 빠르게 복습합니다.


대상 독자
- Vue.js를 처음 접하는 개발자
- 개발과 운영을 동시에 고민하는 개발자
- 다른 개발 언어로 프로젝트를 진행해 본 개발자


소스코드 다운로드
https://github.com/seungwongo/vue-project
https://github.com/seungwongo/mini-project-shop

[목 차]

CHAPTER 1. Vue.js는 무엇인가?
1.1 Vue.js 장점
1.2 Vue.js 특징

CHAPTER 2. 개발환경 구성(vs code, node, npm)
2.1 Visual Studio Code 설치
2.2 Node.js 설치
2.3 NPM(Node Package Manager) 설치
2.4 Vue 개발을 위한 유용한 vs code Extension 설치

CHAPTER 3. Vue CLI로 Vue 프로젝트 생성하기
3.1 Vue CLI 설치
3.2 Default 옵션으로 프로젝트 설치하기
3.3 Manually select features 옵션으로 프로젝트 설치하기
3.4 Vue 프로젝트 매니저로 프로젝트 설치

CHAPTER 4. Vue Router 설정
4.1 라우팅이란?
4.2 Vue-Router 설치
4.3 Lazy Load 적용하기(비동기 컴포넌트)

CHAPTER 5. 컴포넌트 Basic
5.1 컴포넌트란?
5.2 컴포넌트 구조 이해하기
5.3 데이터 바인딩
5.4 리스트 랜더링(v-for)
5.5 랜더링 문법(v-if, v-show)
5.6 이벤트 처리(v-on)
5.7 computed와 watch

CHAPTER 6. Mock 서버 준비하기
6.1 Postman 설치
6.2 Mock 서버 생성
6.3 API 반환 데이터 설정

CHAPTER 7. 서버 데이터 바인딩 실습
7.1 서버와의 데이터 통신을 위한 API 호출 메소드 만들기
7.2 서버 데이터 랜더링

CHAPTER 8. 컴포넌트 심화 학습
8.1 컴포넌트 안에 다른 컴포넌트 사용하기
8.2 Slot
8.3 Provide/Inject
8.4 Template refs

CHAPTER 9. Reusability & Composition
9.1 Composition API
9.2 믹스인(Mixins)
9.3 Custom Directives
9.4 Plugins

CHAPTER 10. Proxy 사용하기
10.1 프록시(proxy) 서버
10.2 CORS란
10.3 CORS 해결방법
10.4 Proxy 설정하기
10.5 서버에서 CORS 해결

CHAPTER 11. Vuex(v4.x)
11.1 Vuex란?
11.2 Vuex 설치
11.3 시작하기
11.4 State
11.5 Getters
11.6 Mutations
11.7 Actions
11.8 Vuex 실무 예제

CHAPTER 12. 프로젝트 배포하기
12.1 프로젝트 빌드(build)하기

CHAPTER 13. 미니프로젝트: 로그인 처리
13.1 카카오 계정으로 로그인하기
13.2 네이버 아이디로 로그인하기
13.3 구글 계정으로 로그인하기

CHAPTER 14. 미니프로젝트: 제품 판매 웹앱 구현
14.1 애플리케이션 Overview
14.2 프로젝트 소프트웨어 구성
14.3 클라이언트(Vue 프로젝트)
14.4 서버(Node.js + Express.js)
14.5 데이터베이스 구성

찾아보기