출처를 알 수없는 js파일 두개 질문드립니당..!

Question

저렇게 vs code에서 index.html 을 열어보면 보이지 않는 스크립트 파일 두개가 개발자도구에서는 보이는데요 저 파일들은 어디서 와서 저기서만 보이는 건지 궁금합니다! (저희가 생성한 프로젝트 폴더 안에는 js라는 폴더 자체가 없지 않나요??) 그리고 왠지 연결되는 질문일 것 같은데.. index.html에서 아무런 스크립트나 다른 파일을 연결 해주지 않았는데 어떻게 화면에 저희가 작성한 내용들이 나타는 것인지(? 설명하기가 어려워요 ㅠㅠ) 궁금해요! 음 그러니까..main.js에 new Vue({...}) 요부분을 index.html에서 불러와야

여기에 붙여지는거 아닌가요?? 제가 어떤 부분을 놓치고 있는지 알려주시면 감사하겠습니다! ㅠㅠ (연휴인데 질문을 많이 올려서 죄송해요 ㅠ_ㅠ)

캡틴판교 · Answer

안녕하세요 sion님 좋은 질문이네요 :) 해당 내용은 웹팩 데브 서버와 HTMLWebpack 플러그인 관련된 질문입니다. 아래 문서 한번 확인해보시면 좋을것 같아요. 혹시 더 관심 있으시면 웹팩 강의를 들어보시는 것도 좋을 것 같습니다 :) https://joshua1988.github.io/webpack-guide/devtools/webpack-dev-server.html https://webpack.js.org/plugins/html-webpack-plugin/ 연휴에 열심히 학습하고 계시네요. 화이팅입니다! :)