[javascript] 모듈화 및 재사용 가능한 코드 작성

22 Dec 2023

이번 포스트에서는 자바스크립트에서 모듈화 및 재사용 가능한 코드를 작성하는 방법에 대해 알아보겠습니다. 모듈화는 코드를 세분화하고 재사용성을 높이는 데 중요한 요소입니다.

모듈화의 중요성

모듈화란 소프트웨어를 구성하는 부분을 작은 모듈로 분리하는 것을 말합니다. 이렇게 하면 코드를 이해하기 쉽고, 유지 보수가 용이해집니다. 또한, 코드의 재사용성을 높여 생산성을 향상시킬 수 있습니다.

CommonJS는 자바스크립트의 모듈화를 위한 스펙 중 하나로, Node.js와 같은 환경에서 널리 사용됩니다. 모듈을 가져오거나 내보내기 위해 require 및 module.exports를 사용합니다.

아래는 CommonJS 스타일의 모듈화 코드 예시입니다.

// math.js
const add = (a, b) => a + b;
const subtract = (a, b) => a - b;

module.exports = {
  add,
  subtract
};

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

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

ES6부터는 웹 브라우저 및 모던 자바스크립트 환경에서 import 및 export 구문을 사용하여 모듈을 정의할 수 있습니다.

아래는 ES6 스타일의 모듈화 코드 예시입니다.

// math.js
export const add = (a, b) => a + b;
export const subtract = (a, b) => a - b;

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

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

이제 모듈화 및 재사용 가능한 코드를 작성하는 방법에 대해 알게 되었습니다. 이를 통해 코드의 가독성을 높이고, 개발자 간 협업을 용이하게 만들 수 있습니다.

더 많은 정보를 원하시면 아래 자료를 참고해 주세요.

CommonJS: https://requirejs.org/docs/commonjs.html
ES6 Modules: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import_export