부트스트랩 설치 터미널에서 프로젝트 폴더로 이동후 2, 3번 설치 npm install bootstrap npm install @popperjs/core main.js 파일에 5, 6번 import import 'bootstrap/dist/css/bootstrap.min.css' import 'bootstrap/dist/js/bootstrap.js' ※ 외부 라이브러리는 main.js에 import 해야 사용할 수 있다. 부모 component 조회 자식 component {{ th.title }} {{ item[th.key] }} 프로젝트를 거듭 진행하면서 component가 자산으로 축적된다. component를 많이 가지고 있으면 신규 프로젝트 시 개발 생산성을 극대화할 수 있다.

views 폴더는 화면 전체를 담당하는 component를 모아둔다. components 폴더는 화면의 일부분을 담당하는 component를 모아둔다. 하나의 component에서 다른 component를 불러와 사용할 수 있는 구조가 되는 것이다. components 폴더의 component가 views 폴더의 component와 다른 점 router에 등록하지 않는다. 파일명에 "View"를 붙이지 않는다. 실무에서 재사용 컴포넌트는 표준화된 스타일이나 버튼 등을 사용하거나, 또는 변경을 일괄 적용하기 위해 사용한다. 일반적으로 재사용 컴포넌트는 리드 개발자가 작성한다. 부모 component 자식 component {{ title }} ({{ title2 }}) {{ list }}