웹팩을 왜 사용하는지 이해하기 위해서는 번들링 하기 전에서의 브라우저 상황을 알아야한다. 브라우저에서 자바스크립트 파일을 실행시키는 방법은 2가지가 있다. 첫번째는 스크립트를 각각의 기능별로 만들어서 include시키는 방법이다. ex) 이렇게 스크립트를 로드하면 network bottleneck 이 일어날 수 있다. 두번째는 하나의 겁나 큰 .js file 을 작성하는것이다. ex) 이렇게 파일을 로드 하는것도 함수, 변수의 스코프 문제나 가독성등 여러 문제가 있다. // javascript categori에서 다루기 즉시실행함수의 등장으로 스코프충돌을 겪지않고 .js 파일들을 합칠 수 있게 되었지만 하나의 파일을 수정하면 전체 파일이 다시 로드 되어야 한다는 치명적인 단점이 있었다. lodash로부터..

webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset. 웹팩은 모듈 번들러이다. 웹팩의 주된 목적은 브라우저에서 사용하는 자바스크립트 파일을 번들해주는 것이지만 다른 리소스들또한 번들링,패키징이 가능하다. cf). what is bundle? 묶거나 묶은 재료 또는 수량의 모음. 1. 모듈 시스템을 이용하여 코드를 작성함 2.다른 파일에서 불러서 사용 (여기서는 2개의 파일밖에 없지만 프로젝트에서는 의존성을 가지..