Webpack & Babel

❓Webpack

- 모듈 번들러. 여러 개의 모듈과 파일을 하나 또는 여러 개의 번들로 묶어주는 역할 -> 브라우저가 로드해야 하는 파일의 수가 줄어들어 성능 향상!

- css, img, font 같은 정적 자원들도 모듈로 관리할 수 있게 해줌 -> 파일 간의 의존성 관리, 웹 어플리케이션의 구조 명확!

- HTML, CSS, JS압축, 이미지 압축, CSS 전처리기 변환과 같은 추가 작업들도 자동화 해줌

❓Babel

- 자바스크립트 컴파일러. 최신 자바스크립트 문법을 구형 브라우저에서도 동작할 수 있도록 변환하는 역할

- ES6이상의 문법을 지원하지 않는 브라우저에서는 ES5문법으로 변환해줌

- JSX같은 문법도 자바스크립트로 변환 가능