- 여기서 말하는 Module, 모듈화는 자바스크립트 코드를 관리 가능한 단위로 나누는 과정이다
- 개발자들에게 코드를 더 효율적으로 관리하고 유지 보수하기 쉽게 만들어, 다른 모듈과 상호 작용할 수 있게 독립적인 기능을 가질 수 있다
모듈화의 필요성
- 코드 관리 용이성 : 프로젝트가 커질수록 코드의 양도 증가하기에, 모듈화를 통해 코드를 기능별로 나누어 관리하면, 프로젝트의 구조를 쉽게 파악할 수 있다
- 성능 최적화 : 어플리케이션을 로드할 때, 작은 파일 여러개보다는 큰 파일 하나를 로드하는게 더 효율적이다, 모듈화가 이런 최적화를 수행해준다
- 변수 충돌 방지 : 각 모듈이 독립적이기에 전역적으로 발생할 수 있는 변수 충돌을 방지해준다
모듈 번들러의 역할
- 모듈 번들러는 모듈화의 의해 개발된 도구로써, 개발자가 만든 여러 모듈을 통합하여 하나의 파일로 결합한다
- 여러 파일의 코드를 하나로 결합하여 코드를 압축하고, minify 과정으로 파일 크기를 줄일 수 있고, 최신 버전의 자바스크립트 코드를 브라우저가 이해할 수 있게 변환시키기도 한다
번들러 종류
Webpack