vue-cli로 생생한 프로젝트 내용 정리

vue-cli : command line interface로 명령어 실행 보조도구이다.
npm: node package manager를 이용한 실행 명령어를 사용했다.
그 실행 명령어는 package.json에 "scripts"에 정의 되어 있다.

서버를 띄웠을때, 
여러가지의 파일들이 하나의 파일이 변환이 되어 index.html에 auto inject가 될 것이다.
내부적으로 webpack이 돌아가고 있다.
실제로 서비스 구현해서 배포까지 할려면 webpack을 써야 하기 때문에 webpack도구를 살펴봐야 한다.

현재 vue-cli 프로젝트는 main.js에 App.vue와 AppHeader.vue에 대한 내용들이 들어가 있다.

 

싱글 컴포넌트 
<template> 부분은 html, template 속성

<script>는 인스턴스 옵션
- 컴포넌트(내용)을 불러오는 import
- data속성, components속성, methods 속성 등등...
  원하는 값들을, 원하는 인스턴스 옵션들을 export default에 정의할 수 있다.