목차

• ES6 모듈 개요
• ES6 모듈 예시
• 결론

ES6 모듈 개요

ES6(ECMAScript 2015)에서 도입된 모듈 시스템은 JavaScript의 모듈화를 가능케 합니다. 모듈은 파일 단위로 코드를 구성하고, 필요에 따라 다른 파일에서 재사용할 수 있도록 해줍니다.

ES6 모듈 예시

아래는 ES6 모듈의 간단한 예시입니다.

// math.js
export function sum(a, b) {
  return a + b;
}

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

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

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

위 예시에서, math.js 파일은 sum과 subtract 함수를 export하고, app.js 파일은 이를 import하여 사용합니다.

결론

ES6 모듈은 JavaScript 코드를 모듈화하고 재사용 가능하게 만드는 강력한 기능입니다. 모듈을 적절히 활용하여 코드를 더욱 모듈화하고 유지보수성을 높일 수 있습니다. ES6 모듈에 대한 더 자세한 정보는 MDN web docs에서 확인할 수 있습니다.