Webpack, Babel, Polyfill

• 각 도구들은 웹앱의 개발과 배포 과정에서 중요한 역할을 하며, 현대 웹 개발의 효율성과 호환성을 높임

Webpack

• 역할 : 자바스크립트 모듈 번들러, 의존성이 있는 모듈(JS파일, CSS, 이미지 파일 등)을 묶어서 번들로 만들어줘 로딩 속도를 개선해줌

Babel

• 역할 : 자바스크립트의 컴파일러, 최신 자바스크립트 문법을 이전 버전의 자바스크립트로 변환하여 오래된 브라우저에서도 동일하게 동작하게 해줌

Polyfill

• 역할 : 오래된 브라우저에서 지원하지 않는 최신 기능을 구현하는 코드 조각 또는 플러그인, 이를 통해 개발자는 최신 API를 사용하면서도 레거시 브라우저 호환성을 유지할 수 있음