[JavaScript] Module

---

1.모듈

JavaScript 모듈은 코드의 특정 기능을 독립된 단위로 캡슐화한 파일 또는 파일의 일부를 의미합니다. 모듈은 다른 코드와 독립적으로 작성되고 테스트되며, 필요에 따라 가져와서 사용할 수 있습니다.
이를 통해 코드의 재사용성과 유지 보수성을 높이고, 코드의 구조를 체계적으로 관리할 수 있습니다.

<script type="module" src="lib.mjs"></script>

 

 

 

2. 사용이유

2-1.독립성

모듈은 독립된 파일로 존재하며, 각 모듈은 자체적인 스코프를 가집니다. 따라서 변수 이름이나 함수 이름이 겹치더라도 충돌이 발생하지 않습니다.

 

 

2-2.재사용성

한 번 작성한 모듈은 여러 프로젝트에서 재사용할 수 있습니다.

 

2-3.캡슐화

모듈 내의 구현 세부 사항은 외부에 노출되지 않으며, 오직 필요한 인터페이스만 공개됩니다.

 

 

2-4.의존성 관리

모듈은 다른 모듈을 가져와서 사용할 수 있으며, 이를 통해 코드의 의존성을 명확히 관리할 수 있습니다.

 

 

 

 

 

 

3.사용법

3-1.모듈 정의 (export)

파일에서 함수들을 정의하고 내보냅니다.

export function add(a, b) {
    return a + b;
}

export function subtract(a, b) {
    return a - b;
}

 

 

3-2.모듈 가져오기 (import)

다른 파일에서 함수를 가져와서 사용합니다.

import { add, subtract } from './math.js';

console.log(add(5, 3)); // 8
console.log(subtract(5, 3)); // 2