1. Vue.js란?
컴포넌트(component) 기반의 SPA(Single Page Application)를 구축할 수 있게 해주는 프론트엔드 프레임워크이다.
1-1. Component란?
웹을 구성하는 다양한 UI 요소를 (로고, 네비게이션, 버튼, 모달창) 구조화하여 재사용을 가능하게 만든 것 이다.
1-2. SPA(Single Page Application)
컴포넌트 단위의 여러 파일을 생성하지만, 실제로 구동하는 방식은 단일 페이지에서 필요한 부분만 로딩되서 구현되는 형태이다.
페이지 안에서 필요한 CSS, JS가 다 로딩한 상태이기 때문에 페이지가 전환될 때마다 페이지 전체가 아니라 필요한 부분만 로딩되어 빠른 페이지 변화, 반응성, 화면전환 애니메이션등이 개선되어 사용자 친화적이며 트래픽양이 작다는 장점이 있다. 그러나, 처음 로딩시 모든 CSS,JS 파일을 가져와 로딩되기때문에 초기로딩 속도가 느린 단점도 존재한다.
2. CLI
Vue.js를 사용하기 위해서 CLI를 사용한다. CLI는 command line interface로 터미널을 통해서 텍스트명령을 입력해 실행하는 도구이다.
Vue CLI를 사용하면 프로젝트 구조가 자동세팅되어 편리하게 이용할 수 있다.
