🚩package.json

프로젝트에 대한 정보가 나와있다.

🚩src > main.js

npm run serve 라는 명령어를 입력 했을 때, 제일 먼저 실행되는 파일이다.

vue 를 기반으로 한 애플리케이션을 만들건데, 제일 처음 가지고 온 파일은 App.vue이고 이름은 App으로 할 것이다.

그리고 그것을 index.html에 #app 아이디가 app 인 곳에 mount를 시킨다.

따라서 vue는 싱글페이지 애플리케이션이므로, index.html 한 페이지 만으로 구성이 되는 것이다.

화면에 보여지는 페이지들은 자바스크립트가 동적으로 구현하는 페이지이다.

링크나 페이지 전환 시, 소스코드는 변하지 않고 index.html → <div id=”app”> 안에 자바스크립트가 동적으로 변하는 것이다.

🚩src > main.js

+ vuex와 router 설치 이후

router와 store를 import하는 구문이 자동으로 생성됐다.