강의 13: 자바스크립트 모듈 시스템

개념 설명:

모듈 개념과 사용: 모듈은 코드를 구성 요소로 나누고 재사용 가능한 코드 블록을 생성하기 위한 개념입니다. 모듈을 사용하면 프로그램을 더 관리하기 쉽게 만들고 코드의 재사용성을 높일 수 있습니다.
ES6 모듈과 CommonJS: 자바스크립트 모듈을 사용하는 방법으로 ES6 모듈과 CommonJS가 있습니다. ES6 모듈은 브라우저와 Node.js에서 지원되며, import와 export 문을 사용하여 모듈을 정의하고 내보냅니다. CommonJS는 주로 Node.js에서 사용되며 require와 module.exports를 통해 모듈을 관리합니다.

 

 

예제 코드:
아래는 ES6 모듈과 CommonJS를 사용한 모듈의 예제 코드입니다.

 

ES6 모듈 예제:

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

// main.js
import { add } from './math.js';

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

 

 

 

CommonJS 예제:

// math.js
module.exports = {
  add: function(a, b) {
    return a + b;
  }
};

// main.js
const math = require('./math.js');

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

 

전문용어 상세 설명:

모듈 (Module): 코드를 논리적인 구성 요소로 나누어 재사용 가능한 코드 블록을 생성하기 위한 개념입니다. 모듈은 특정 기능을 정의하고 다른 코드에서 가져와 사용할 수 있습니다.
ES6 모듈 (ES6 Module): ECMAScript 2015 (ES6)에서 정의된 모듈 시스템으로, 브라우저와 Node.js에서 지원됩니다. import와 export 문을 사용하여 모듈을 정의하고 내보냅니다.
CommonJS (커먼JS): 주로 Node.js에서 사용되는 자바스크립트 모듈 시스템으로, require와 module.exports를 사용하여 모듈을 정의하고 내보냅니다.