과거의 내가 미래의 나에게

webpack에 대해 전반적인 학습 정리 강의 중 webpack을 직접 설정하는 법을 배웠고, 더 나아가기 전에 webpack은 무엇이고 어떻게 쓰이는지 먼저 살펴보았다. webpack은 무엇인가? 하나의 웹기능 혹은 무언가를 구현하기 위해서는 수많은 js 코드가 쓰인다. 수많은 코드들을 관리하기 위하여 HTML 파일에 기능별로 분리한 스크립트들을 삽입했더니 A.js에서 쓰인 변수명이 B.js에서 반응하는 등 모든 스크립트가 동일한 스코프를 공유하여 에러가 터지기 일쑤였다. 그렇다고 하나의 js 파일에 모든 코드를 쏟아부으면 가독성이 떨어져 유지보수하기가 어렵게 될 것이다. ES6부터는 이런 단점을 해소하기위해 모듈화를 위한 import/export 구문이 등장했다. 스크립트 삽입 태그에 type 속성으..