JavaScript Modules ES6 모듈

JavaScript에서 모듈은 코드의 재사용성을 향상시키고, 유지 관리를 용이하게 하며, 이름 충돌을 최소화하는 데 사용됩니다. 모듈은 파일 또는 코드 블록을 나타내며, 특정 기능 또는 관련 기능의 집합을 포함할 수 있습니다.

ES6 모듈

ECMAScript 6부터 자바스크립트에서는 모듈을 기본적으로 지원하게 되었습니다. ES6 모듈 구문을 사용하면 변수, 함수, 클래스 등을 다른 파일로부터 가져오거나 내보낼 수 있습니다.

export

변수, 함수, 클래스를 다른 파일에서 사용하려면 export 키워드를 사용합니다.

// example.js
export const name = 'John';
export function greet() {
console.log('Hello!');
}

export default class Animal {
//...
}

import .. from '...';

다른 파일에서 정의된 값을 가져오려면 import 구문을 사용합니다.

// main.js
import { name, greet } from './example.js';
import Animal from './example.js';

console.log(name); // John
greet(); // Hello!

CommonJS (Node.js에서 사용)

Node.js에서는 require와 module.exports를 사용하여 모듈을 가져오고 내보낼 수 있습니다.

Exporting

// example.js
module.exports.name = 'John';
module.exports.greet = function() {
console.log('Hello!');
};

Importing

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

console.log(example.name); // John
example.greet(); // Hello!