웹팩, 바벨 찍먹하기

1. Webpack이란??

웹팩이란 번들러이다.

번들러는 필요한 의존성을 추적하여 해당하는 의존성들을 그룹핑 해주는 도구

즉 여러 개의 파일들을 하나로 묶어주는 것

번들링을 알기위해서는 모듈(Module)을 알아야 함.

모듈(Module)이란 유지보수 및 가독성의 향상을 위해 프로그램의 기능별로 각각의 파일들을 구성하는 것
하지만 각각의 파일들로 구성된(세분화) 파일이 늘어나면 네트워크 코스트가 증가(요청과 응답)하여 시간이 오래 걸린다.

따라서 모듈화된 파일 구조는 유지하되 지정한 단위로 파일들을 하나로 만들어서 요청에 대한 응답으로 전달할 수 있는 환경을 만들어주는 것이 필요하고 이를 수행하는 것이 번들러이며 그 번들러 중 하나가 웹팩이다.

2. Babel이란?

자바스크립트의 최신 문법을 지원하지 않는 브라우저에서도 쓸 수 있게끔 변환해주는 트랜스컴파일러

바벨을 통해서 최신 문법으로 작성된 결과물을 구형 브라우저에서도 사용할수 있게끔 변환해 준다.