Webpack이란...
- 자바스크립트 모듈 번들러로, 웹 애플리케이션을 구성하는 자원들(HTML, CSS, JS, 이미지 등)을 하나로 묶어준다.
빌드, 번들링, 변환 모두 같은 의미
- 여러개로 나눠진 자바스크립트 파일을 html이 실행할 수 있는 하나의 자바스크립트 파일로 합쳐준다.
하나의 HTML 파일에 script 태그로 여러개의 자바스크립트 파일을 로드할 필요가 없어짐
왜 쓰는건데 ?
- 여러개 파일을 하나로 묶어주기 때문에 네트워크 접속의 부담을 줄여 속도 이슈 해결
- 같은 이름의 변수나 함수 충돌 가능성 해결
Babel이란...
코드 변환기(트랜스파일러)
- 트랜스파일링이란 특정 언어로 작성된 코드를 비슷한 다른 언어로 변환시키는 것이다.
- ES6의 기능(최신기능)을 제공하지 않는 브라우저를 위해 ES5코드(구기능)으로 변환
🔗 Reference
프론트엔드