번들링과 웹팩

번들링이란?

사용자에게 웹 애플리케이션을 제공하기 위해서 파일을 묶는 것을 의미한다.
(기능별로 모듈화 했던 파일들을 하나로 묶음)

번들링을 해야 하는 이유

• 코드 난독화를 통해서 보안 강화
• 모듈화 한 여러 파일들은 서버에 리소스 요청도 여러 번 해야 하지만, 번들링을 통해 묶어서 한 번만 요청할 수 있어서 네트워크 비용 감소

웹팩이란?

webpack은 현재 프론트엔드 애플리케이션 배포를 위해서 가장 많이 사용하는 번들러이다. 프론트엔드뿐만 아니라 Node.js 백엔드 개발자도 배포를 위해서 많이 사용한다.
웹팩은 여러 개의 파일을 하나의 파일로 합쳐주는 모듈 번들러(HTML, CSS, JavaScript 등의 자원을 전부 각각의 모듈로 보고 이를 조합해 하나의 묶음으로 번들링(빌드)하는 도구)