자바스크립트 모듈
자바스크립트의 모듈 시스템은 코드를 여러 파일로 분리하여 관리할 수 있게 해줍니다. 이를 통해 코드의 재사용성을 높이고, 유지보수를 쉽게 할 수 있습니다. 모듈은 자체의 스코프를 가지고 있어, 모듈 내에서 정의된 변수, 함수, 클래스 등은 다른 모듈과 격리되어 있습니다. 이를 통해 전역 네임스페이스의 오염을 방지할 수 있습니다.
자바스크립트 모듈 시스템의 주요 개념은 다음과 같습니다:
-
Export: 모듈은 특정 기능이나 값들을
export할 수 있습니다. 이렇게 하면 다른 모듈에서 해당 기능이나 값들을import하여 사용할 수 있습니다. -
Import: 다른 모듈에서
export된 기능이나 값을import하여 사용할 수 있습니다. 이를 통해 필요한 기능만을 불러와 사용할 수 있습니다.
예시:
math.js
// math.js 파일
export function sum(x, y) {
return x + y;
}
export const pi = 3.141593;
main.js
// main.js 파일
import { sum, pi } from './math.js';
console.log(sum(10, 20)); // 30
console.log(pi); // 3.141593
이 예시에서 math.js 모듈은 sum 함수와 pi 상수를 export하고, main.js는 이들을 import하여 사용합니다.
자바스크립트 모듈 시스템은 특히 대규모 애플리케이션 개발이나 라이브러리, 프레임워크 개발에 유용하며, 현대 웹 개발에서 필수적인 요소가 되었습니다.
Share on: