번들링 블로깅

Bundler

• 번들러란 의존성(연관)이 있는 모듈들을 하나의 파일로 통합시켜주는 도구이다.

  • 모듈이란 SW 향상, 유지보수가 용이하도록 모듈화를 통해 분리된 시스템의 각 기능들, 작업 단위로 분할한 부분이다.

    모듈: 특정 기능을 갖는 작은 코드 단위

• 번들러를 사용하지 않았을 때의 문제점

  • Global scope를 갖는 JS 파일의 중복 선언 (중복된 변수명, 함수명으로 인한 충돌)
  • 가독성, 유지보수를 위해 여러 개의 파일로 분리 -> 네트워크 병목현상 발생
  • 응답시간을 줄이기 위해 파일 수를 줄이면 가독성, 유지보수의 어려움 발생

• 번들러를 사용하는 이유:

  • 여러 개의 파일을 하나로 묶어주기 때문에 네트워크 접속의 부담을 줄여 더 빠른 서비스를 제공할 수 있다. -> 네트워크 병목현상 해결
  • 모듈 단위의 코딩을 통해 가독성, 유지보수가 수월

Bundling

번들링이란 모듈(분리된 파일)들의 의존성 관계를 파악하여 그룹화시켜주는 작업이다.
서로 관계있는 파일들을 묶어주어 작업의 효율성을 높일 수 있다.

프론트엔드에서는 빌드, 번들링, 변환은 같은 의미로 사용된다.