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

찾아보기