번들링????

어떤 제품을 묶음으로 판매하는 것을 '번들링'한다고 한다.

 

 

웹 개발에서 번들링 ????

웹 개발에서 번들링은 빌드라고 할수있다.

사용자에게 웹 애플리케이션을 제공하기 위해 여러 코드와 프로그램들을 묶는 행위로 정의할수있다.

개발자는 최종적으로 번들링된 웹 애플리케이션을 만들어내고, 사용자가 웹 애플리케이션을 이용할때는 번들링한 파일을 받아와 브라우저가 이 번들을 실행한다.

웹팩(webpack)같은 번들러가 서로 연관(의존성)있는 여러 JS파일(모듈)들을 하나의 번들(bundle) 파일로 묶어주는 역할을 한다.

 

번들링을 하는 이유???

-파일의 크기 문제 해결

코드를 번들링한다는 것은 단순히 묶기만 하는 것이 아니라 컴퓨터 파일을 압축하는 개념과 비슷하다.

번들 파일은 번들링을 거치지 않은 원본 프로그램 파일보다 크기가 작아지고 실행 속도, 로딩 속도 또한 빨라진다. 

번들링을 하는 것은 성능 측면에서 무조건 이득이다.

 

-애플리케이션 임의 조작 방지

압축한 파일을 받아와 압축해제 전까지는 파일을 조작할 수 없는 것처럼, 번들링된 웹 애플리케이션도 사용자가 임의로 조작할 수 없다. 

 

-파일 단위의 js 모듈 관리의 필요성

javascript에서 변수는 기본적으로 전역 범위를 가지기 때문에 하나의 프로젝트 폴더에서 여러개의 js파일이 있더라도 서로 변수를 공유하게 된다.

근데 여기서 변수를 중복 선언하거나 의도치 않은 값을 할당해 생기는 에러를 번들링 도구인 webpack에서는 모듈 번들링으로 해결한다.

 

webpack이란?

현재 프론트엔드 애플리케이션 배포를 위해 가장 많이 사용하는 번들링 도구, 번들러이다. 

webpack은 javascript 애플리케이션을 위한 모듈 번들러이다.

---

모듈(module)이란?

분리된 파일이다.

 

애초에 왜 파일을 모듈로 분리할까?

작업의 효율성을 위해서이다.