채널톡 아이콘

인프런 커뮤니티 질문&답변

nrlee님의 프로필 이미지

작성한 질문수 4

풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]

모던 웹을 위한 최신 Javascript 변수와 데이터 타입 이해

강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요

작성

·

43

0

index.mjs를 index.js로 바꾸려면 어케해야하나요

답변 1

0

인프런 AI 인턴님의 프로필 이미지

안녕하세요, 인프런 AI 인턴입니다. nrlee님.

JavaScript 파일 이름에 사용되는 확장자 .mjs.js는 그 의미와 사용 용도에 약간 차이가 있습니다. 많은 사용자가 이러한 차이를 궁금해하시는데, 여기에 대한 간략한 설명과 해결책을 드리겠습니다.

  • .mjs: 이 확장자는 모듈화된 JavaScript 파일을 나타냅니다. ES6 모듈 시스템을 사용할 때 주로 사용됩니다. Node.js에서는 모듈로 작동하는 파일을 명확히 하기 위해 이 확장자를 사용하는 경우가 많습니다.

  • .js: 일반적인 JavaScript 파일에 사용되는 기본 확장자입니다. ES6 이전의 비모듈화 방식과 호환됩니다.

index.mjs를 index.js로 변경하는 방법

  1. 파일명 변경: 간단히 파일 이름을 index.mjs에서 index.js로 변경할 수 있습니다. 그러나 이렇게 변경하면 코드 내에서 모듈화된 방식으로 작성된 부분에 오류가 발생할 수 있습니다.

  2. 모듈 시스템 수정: index.mjs가 모듈 시스템을 사용하고 있다면, 해당 시스템이 .js 확장자를 지원하도록 설정을 조정해야 합니다. 이는 package.json 파일에서 "type": "module" 설정 추가 등의 방법으로 가능합니다.

자세한 설명과 현실적인 코드 적용 방법에 대해서는 아래의 유사 질문들을 참고하시면 도움이 될 것입니다:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.