Vue에서 컴포넌트 작업하기

웹사이트를 살펴보면 헤더, 콘텐츠, 사이드바, 푸터와 같은 일부 블록을 구분할 수 있습니다.

Vue로 웹사이트를 만들 때에도 이러한 독립적인 블록을 사용할 수 있습니다. 이를 통해 코드를 더 잘 구성할 수 있고 향후 유지 관리가 간편해집니다.

Vue에서는 이러한 블록을 컴포넌트라고 합니다. 대규모 애플리케이션에서는 개발 프로세스의 관리 가능성을 유지하기 위해 컴포넌트로의 분리가 필수 조건이 됩니다.

컴포넌트는 components 폴더에 배치하는 것이 권장됩니다. 각 컴포넌트는 ES6 모듈 형태로 별도의 파일에 위치합니다.