빌드후 생성된 자원의 구성에 대해

안녕하세요 Wonda님, 제가 답변이 조금 늦었네요 :)

질문 주신 내용에 답변 드리자면,

1. vue파일에 작성한 html 템플릿 소스는 js를 통해 삽입되는거나요? 

답변) 싱글 파일 컴포넌트에서 template 태그의 내용은 최종적으로 웹팩과 뷰 로더를 통해 변환됩니다. 자세한 내용은 웹팩과 뷰 로더를 더 살펴보시는게 좋겠습니다 :)

2. 1이 맞다는 전제하 ) 이 프로젝트가 스터디 프로젝트라 그런건가요? 아니면 vue(또는 webpack?)으로 빌드한 모든 프로젝트는 하나의 index.html을 가지고 다른 template 소스는 js로 삽입하는게 일반적인가요?

답변) 앞에서 답변 드린 뷰 로더와 웹팩의 번들링 개념을 더 살펴보시면 답이 나올 것 같아요! 강의에서 다룬 내용은 스터디용이라서 이런 결과가 나온 건 아닙니다 :)

3. 1이 맞다는 전제하 ) 그리고 js에 모든 html소스가 적혀있으면 길어져서 오히려 로딩에 시간이 걸릴텐데 라우팅에 맞춰서 html 파일을 리퀘스트 하는 방식보다 더 좋은 방식인건가요?  

답변) 싱글 페이지 애플리케이션과 멀티 페이지 애플리케이션의 차이점을 여쭤보신 것 같은데 서비스의 성격에 따라서 답변이 나뉠 것 같습니다. 해당 용어들에 대해서는 개인적으로 학습을 해보시길 권고드리고 저희 강좌에서 다룬 내용에서 좀 더 학습 힌트를 드리자면 아래의 링크를 따라가서 보시는 게 좋을 것 같습니다!

https://router.vuejs.org/guide/advanced/lazy-loading.html#grouping-components-in-the-same-chunk

수강해주셔서 감사합니다! :)