컴포넌트는 화면의 영역을 구분해서 개발할 수 있는 뷰의 기능이다. 컴포넌트 기반으로 화면을 개발하게 되면 코드의 재사용성이 올라가고 빠르게 화면을 제작할 수 있다. 위의 그림과 같이, 화면단에서 표현되는 부분들을 컴포넌트 단위로 분리하면 하나 하나에 로직을 넣어 유지보수도 쉽고 코드 관리도 더 쉽게 할 수 있다. 컴포넌트 생성 코드 형식 Vue.component('컴포넌트 이름', { //컴포넌트 내용 }); 컴포넌트 생성 후 표시하는 방법 Vue.component('app-header', { template: 'Header Component }); 컴포넌트를 통해 app-header를 선언하게 되면, html 코드에 해당 컴포넌트의 이름을 태그 형식으로 쓸 수 있다. app-header 컴포넌트의 템플..