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 둘 다 지원하는 경우도 있고 하나만 지원하는 경우도 있다.