1. 웹팩?
- 최신 프론트엔드 프레임워크에서 가장 많이 사용되는 모듈번들러.
- 웹팩에서 모듈이란, 웹 애플리케이션을 구성하는 모든 자원을 말한다.
- HTML, CSS JavaScript, Images, Font 등 파일 하나하나가 전부 모듈.
- 즉, 웹팩은 모듈을 번들링 해주는 모듈번들러.
2. 모듈번들링?
- 웹 애플리케이션을 구성하는 몇십,몇백개의 자원들을 하나의 파일로 병합 및 압축 해주는 동작
3. 웹팩 쓰게 된 이유
1. 파일 단위의 자바스크립트 모듈 관리의 필요성
2. 웹개발 작업 자동화 도구
3. 웹 애플리케이션의 빠른 로딩 속도와 높은 성능- 파일단위의 자바스크립트 모듈 관리의 필요성
- 자바스크립트의 변수 유효 범위는 기본적으로 전역 범위를 가진다. 이때문에 서로 다른 모듈에서 같은 이름의 변수를 사용
