검색
검색
공개 노트 검색
회원가입로그인

ES modules 와 CommonJS의 차이점

// In ES modules
import sanitizeHtml from 'sanitize-html';

// Or in CommonJS
const sanitizeHtml = require('sanitize-html');

위의 코드를 보면 ES Modules (ECMAScript modules) 와 CommonJS를 각각 사용하는 것을 알 수 있다. 각 모듈에 대해 알아보자.

  1. ESM (ES Modules)

    • import 와 export 구문을 사용한다.

    • 주로 프론트엔드에서 사용한다.

예시

export function apple() {}; // 특정 함수 내보내기
import{ apple } from './apple.js'

export default tomato => () {}; // default exports
import tomato from './tomato.js';
  1. CJS (CommonJS)

    • require 와 module.exports 구문을 사용한다.

    • 주로 백엔드와 같은 Node.js 환경에서 사용한다.

예시

const item = require('package-name');
const { someFunc } = require('package-name');

const func = () => { };
module.exports = func; // default exports
module.exports.funcOne = () => { }; // 특정 값 내보내기
  • 패키지에 따라 CJS 와 ESM 둘 다 지원하는 경우도 있고 하나만 지원하는 경우도 있다.

조회수 : 244
heart
공유하기
카카오로 공유하기
페이스북 공유하기
트위터로 공유하기
url 복사하기
T
페이지 기반 대답
AI Chat