• 카테고리

    질문 & 답변
  • 세부 분야

    프로그래밍 언어

  • 해결 여부

    해결됨

.js 와 .mjs

23.09.01 11:12 작성 23.09.01 11:15 수정 조회수 1.82k

2

섹션 1. Hello Javascript - 개발 환경 세팅하기

codesandbox.io에서 Vanilla를 선택하였을 때

index.js가 아닌 index.mjs 파일이 자동 생성되었습니다.

.js 와 .mjs 파일의 차이점이 무엇인가요?

답변 1

답변을 작성해보세요.

2

안녕하세요! kmjnwk 님
질문 주셔서 감사합니다,

우선, mjs 와 .js는 다양한 유형의 JavaScript 파일을 나타내는 데 사용되는 파일 확장자입니다. 이들 파일의 차이점은 비교해서 아래에 정리하겠습니다.

1. js (Javascript)
.js 확장자는 JavaScript 파일의 가장 일반적인 파일 확장자입니다. 일반적이라고 제가 표현을 했는데, 이는 가장 많이 쓰이고 가장 보편적으로 쓰인다는 의미입니다. .js 의 의므는 파일에 JavaScript 코드가 포함되어 있음을 나타내는데 사용이 되고 이는 웹 브라우저, 서버 및 기타 다양한 JavaScript 환경에서 실행할 수 있음을 나타냅니다.

2. .mjs(ECMAScript Modules)
MJS는 정석대로 ECMAScript 모듈(ESM) 사양을 준수하는 JavaScript 파일에 사용되는 확장자입니다. ECMAScript 모듈은 JavaScript 언어 표준의 일부고 모듈을 정의하는 보다 현대적이고 표준화된 방법을 제공합니다.

사실 이렇게 설명하면 kmjnwk 님께서 이해하기가 어려우실 것 같아 조금 더 풀어서 얘기를 하면,
javascript 는 역사가 길기 때문에 과거 전통적인 방식에서 많이 발전했습니다. 그래서 전통적인 방식인 .js 에서 더 발전되어 더 현대적이고 더 효율적인 코드 작성이 가능한 표준들이 여럿 생겼습니다. 그 중 하나가 .mjs 이고 codesandbox 에서는 현대적인 방식의 mjs 파일을 기본 생성해 준 것입니다.

(+ 코드 작성하시는데에는 어떤 영향도 미치지 않으니 참고 바랍니다!)