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

대부분의 개발자는 프로젝트마다 새로운 환경에서 개발을 시작합니다. 매번 바뀌는 개발 환경이나, 갑작스러운 실무 프로젝트 투입에도 당황하지 않고 적응할 수 있도록 저자의 실무 노하우를 알차게 담았습니다. 프로젝트 투입을 코앞에 둔 개발자와 실무 경험이 부족한 분들에게 이 책을 추천합니다.

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 데이터베이스 구성



찾아보기

고승원 제주도에 사는 22년차 개발자이자 스타트업 대표를 맡고 있다. 블로그에 60편이 넘는 IT 기술 문서를 연재하고 있고, 〈개발자의 품격〉이라는 유튜브 채널을 통해 IT 기술뿐만 아니라 개발자에게 유익한 다양한 정보를 제공하고 있다.

- (주)리턴밸류 - ERP, IoT, AI 전문 스타트업
- 팬임팩트코리아 기술전문위원

- 블로그: https://medium.com/@seungwongo
- 유튜브: https://www.youtube.com/개발자의품격