Webpack 먼저 웹팩(Webpack)은 위의 그림과 같이 프로젝트에 사용되고 의존성이 있는 모든 모듈과 정적 파일들(js, css, image 등)을 번들링하여 하나의 정적인 파일로 변환시켜주는 것을 말한다. js들을 한데 묶어 하나의 자바스크립트 파일로 생성하여 성능을 최적화하고 요즘에 사용되는 다수의 style파일 형식(scss, sass등)도 하나의 css파일로 생성하여 묶어준다. Babel 인터넷이 나온지 오래됨에 따라 브라우저는 종류도 다양해지고 버전도 다양해졌다. 때문에 각자의 컴퓨터에서 사용하는 브라우저는 천차만별이고 해당 브라우저에 따라 스크립트의 기능이 동작할 수도 있고 하지 못할수도 있다. 이 때문에 바벨이 탄생하였으며 바벨은 ES6이상(ESNext)의 js파일 들을 오래된 브라우저..