✅ JavaScript 파일 (.js)
: JavaScript 파일의 표준 확장자
- 웹 브라우저 또는 Node.js 환경에서 실행될 수 있다.
- commonjs와 ecmascript 모듈 시스템 모두를 사용할 수 있다.
✅ CommonJS 모듈 파일 (.cjs)
: CommonJS 모듈 시스템을 사용하는 자바스크립트 파일의 확장자
- 모듈을 require() 함수로 가져오고, module.exports 또는 exports로 내보낸다.
- 웹 브라우저 환경에서는 기본적으로 지원되지 않으며, 브라우저에서는 Webpack, Browserify 같은 도구를 통해 변환해야 한다.
1. type="commonjs" + 확장자 js
<package.json>
{
"type": "commonjs",
}
<server.js>
const liveServer = require("live-server");
const params = {
host: "localhost",
port: 3000,
root: ".",
open: false,
mount: [["/", "./public"]],
};
liveServer.start(params);
2. type="module" + 확장자 cjs
{
"type": "module"
}
✅ ECMAScript 모듈 파일 (.mjs)
: ECMAScript 모듈 시스템을 사용하는 자바스크립트 파일의 확장자
- import와 export문 사용
- <script type="module"> 태그를 사용하여 ES 모듈을 로드할 수 있다.
- ES 모듈과 CommonJS 모듈 간의 충돌을 방지하기 위해 사용
type="module" + 확장자 mjs
{
"type": "module"
}
JavaScript | MDN
JavaScript (JS)는 가벼운, 인터프리터 혹은 just-in-time 컴파일 프로그래밍 언어로, 일급 함수를 지원합니다. 웹 페이지를 위한 스크립트 언어로 잘 알려져 있지만, Node.js, Apache CouchDB, Adobe Acrobat처럼
developer.mozilla.org
JavaScript modules - JavaScript | MDN
이 가이드는 JavaScript 모듈 구문을 시작하는데 필요한 모든 것을 제공합니다.
developer.mozilla.org
모듈 소개
ko.javascript.info
.js, .cjs and .mjs defference
CJS, MJS, and .JS are file extensions used to denote different types of JavaScript files. Here's the...
dev.to
Modules: ECMAScript modules | Node.js v22.5.1 Documentation
Modules: ECMAScript modules# Introduction# ECMAScript modules are the official standard format to package JavaScript code for reuse. Modules are defined using a variety of import and export statements. The following example of an ES module exports a functi
nodejs.org
The Difference Between MJS, CJS, and JS Files in Node.js
👉 Here are some quick basics about the difference between .mjs, .cjs, and .js file extensions in Node.js.
codingforseo.com