📦 ES Modules란?

정의

ES Modules는 JavaScript에서 모듈을 importexport로 관리하는 표준 방식이다.

모듈을 나누면 코드가 커져도 기능별로 관리하기 쉬워진다.

🧩 특징

  • 정적 분석이 가능하다.
  • importexport를 사용한다.
  • 브라우저와 Node.js에서 지원한다.
  • 필요한 기능만 선택적으로 가져올 수 있다.

🧪 사용 예시

// user.js
export const name = "Tom";
export function greet() {
  return "Hello";
}
// main.js
import { name, greet } from "./user.js";

console.log(name);
console.log(greet());

⚠️ 주의사항

  • 브라우저와 Node.js는 설정 방식이 다를 수 있다.
  • Node.js에서는 .mjs 또는 package.jsontype: module 설정이 필요할 수 있다.
  • 경로와 확장자를 정확하게 작성해야 한다.

📌 정리

  • ES Modules는 JavaScript의 표준 모듈 시스템이다.
  • 코드 분리와 재사용에 유리하다.
  • JavaScript와 Node.js에서 모두 중요하다.

연결문서

댓글남기기