TIL | 웹팩 등장 이전 모듈의 사용

웹팩 등장 이전 모듈의 사용 모듈: 분리된 jS 파일 조각들이다. script 파일이 커지며 기능 또한 복잡해지면서 기능별로 파일을 분리하고 재사용성을 높이고자 도입하게 된 개념이다. import/export가 없던 과거에는 관련 모듈을 index.html에 직접 import하여 사용하였다. 문제점은, 전역 스코프의 오염이다. 즉, window 객체에 sum이라는 함수가 추가되는데, 이때 sum에 다른 값을 할당할 수도 있기 때문에 애플리케이션의 예측 불가와 더불어 런타임 에러가 발생한다. 런타임 에러: 프로그램이 실행되는 환경에서 발생하는 에러 // math.js function sum(a, b) { return a + b; } // // app.js sum(1, 2); // sum = 1; // co..