index.html 과 main.js 의 연결 관계 정의

Question

안녕하세요 CLI로 프로젝트를 생성하였을경우

구조에 대해서 궁금한점이 있어서 글을 남기게 되었습니다.

index.html 에 정의 되어 있는

<div id="app"></div>

영역에

main.js 에서 정의 되어 있는 코드를 통해서

화면을 나타내는것 같은데요

new Vue({
  render: h => h(App),
}).$mount('#app')

index. html과 main.js 가 연결되는 코드나 정의 내용은 어디에 있는 것인가요??

Answer

안녕하세요 좋은 질문 주셨네요. 해당 내용은 뷰 내부적으로 vue-service 라는 모듈을 어떻게 활용하고 있는지 이해하셔야 할 것 같습니다. 뷰 학습 로드맵 따라서 추후 강의를 모두 들으시면 궁금증이 풀리실 것 같아요..! :)