.js 와 .mjs
섹션 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 파일을 기본 생성해 준 것입니다.
(+ 코드 작성하시는데에는 어떤 영향도 미치지 않으니 참고 바랍니다!)
Editor Component의 최적화 불가능 이슈
0
9
2
useCallback ⊂ useMemo
0
12
2
깃허브 저장소를 어디에 첨부하셨나요?
1
18
1
nestjs 강의는 없나요??
1
15
2
스타터 저장소
1
25
1
What is Rxjs
0
14
1
라이브러리 설치 질문
0
21
2
linter 질문
0
27
2
수업자료 링크 접속했는데 404에러 뜹니다 ㅠ
1
31
1
primitive에 onClick 이벤트가 안되는 경우
0
24
2
감정일기장 vercel 배포 후 새로 고침 시 404페이지가 뜨는 이유
0
36
2
자료실
1
33
2
Sort 메서드 관련 아티클
0
39
2
4.1) React.js를 소개합니다 강의를 듣고 궁금한 점이 생겼습니다.
0
40
2
html, body에 적용하는 css 스타일 질문입니다.
0
38
2
html / css 기초는 있습니다..
0
49
2
모든 컴포넌트를 클라이언트 컴포넌트로 했을 때
0
30
3
ReactScriptExample 관련 질문
0
38
1
소스코드즘 부탁드립니다.
0
42
1
안녕하세요 한번 더 문의드립니다.
0
60
4
81강 실습 자료 없음
0
50
2
선생님 공유해주신 핸드북에 링크가 몇개 잘못되었어요
0
49
2
코드 샌드박스가 업그레이드되서 그런지..
0
148
1
바닐라 자바 스크립트가 뜨질 않아서..
0
331
1