Module system

모듈 시스템

코드를 파일 단위로 나눠서 관리하는 방법. JavaScript에는 두 가지 방식이 있다.

---

CommonJS (CJS)

Node.js 기본 방식. require / module.exports 사용.

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

module.exports = { add, sub };

// app.js
const { add, sub } = require("./math");
console.log(add(1, 2)); // 3

---

ESM (ES Modules) — 최신 방식

브라우저/Node.js 모두 지원. import / export 사용.

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

// app.js
import { add, sub } from "./math.js";
console.log(add(1, 2)); // 3

---

차이점

구분	CommonJS	ESM
문법	require / module.exports	import / export
실행	동기 (런타임에 로드)	비동기 (정적 분석)
환경	Node.js 기본	브라우저 + Node.js
확장자	.js	.mjs 또는 "type": "module"

섞어 쓰면 에러난다.

---

default export vs named export

// named export — 여러 개 내보내기
export function add() {}
export function sub() {}

import { add, sub } from "./math.js"; // 이름 그대로 써야 함

// default export — 하나만 내보내기
export default function add() {}

import add from "./math.js";   // 중괄호 없음
import myAdd from "./math.js"; // 이름 마음대로 바꿔도 됨

// 동시에 사용
import circle, { PI } from "./utils.js";

---

실무에서 현재 vs 앞으로

// 현재 회사 (CommonJS)
const express = require("express");
const db = require("../config/db");

// TypeScript / 최신 프로젝트 (ESM)
import express from "express";
import db from "../config/db";

---

면접 답변

"CommonJS는 Node.js 기본 방식으로 require/module.exports를 사용하고 동기적으로 로드됩니다. ESM은 최신 표준으로 import/export를 사용하며 정적 분석이 가능합니다. 두 방식은 섞어 쓸 수 없고, TypeScript나 최신 프로젝트에서는 ESM을 주로 사용합니다."