본 내용은 인프런 장기효(캡틴판교)님의 Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념 강의를 토대로 작성하였습니다.
1. 애플리케이션 설계란?
- 웹 서비스를 만들 때는 기획 문서를 확인하여, 그것을 토대로 컴포넌트 기반으로 설계를 해야 함
- 여러 페이지로 구성되어 있는 경우에는 라우터를 설계 해야 함
2. Vue CLI 버전 별 차이
Vue CLI 2.x vs Vue CLI 3.x
버전 |
명령어 |
웹팩 설정 파일 |
프로젝트 구성 |
ES6 이해도 |
2.x |
vue init '프로젝트 템플릿 이름' '파일 위치' |
노출 O |
깃헙의 템플릿 다운로드 |
필요 X |
3.x |
vue create '프로젝트 이름' |
노출 X |
플러그인 기반으로 기능 추가 |
필요 O |
- 3.x 버전부터는 웹팩 설정 파일이 노출 안 됨
- 3.x 버전부터는 플러그인 기반으로 프로젝트 구성
- 플러그인 기반으로 원하는 feature들을 빠르게 추가
- 프로젝트 중간에도 플러그인을 추가 가능
- 3.x 버전부터는 ES6의 여러 문법을 숙지해야 함
Reference
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념