.js 와 .mjs
섹션 1. Hello Javascript - 개발 환경 세팅하기
codesandbox.io에서 Vanilla를 선택하였을 때
index.js가 아닌 index.mjs 파일이 자동 생성되었습니다.
.js 와 .mjs 파일의 차이점이 무엇인가요?
Câu trả lời 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 파일을 기본 생성해 준 것입니다.
(+ 코드 작성하시는데에는 어떤 영향도 미치지 않으니 참고 바랍니다!)
3강 질문
0
18
1
74. 데이터 캐시 - 1 (이론) 강의 영상 누락
0
29
1
2강 nodejs 3단계 설명 질문
0
33
1
imagesLoaded에 관한 질문
0
19
2
useEffect와 lifecycle문의
0
26
2
프론트엔드 학습 수준 문의
0
37
2
리액트 챕터별 코드에서 eslint 설정파일이 없어요
0
48
2
최근 코테, 과제 테스트 트렌드
0
69
2
lucide react 아이콘 설치
0
46
2
17강 zustand store 서버에서 생성
1
36
1
문의관련 문의
0
44
2
next.js 를 2대이상 실행하는 경우 제공하는 cache 기능들은 어떻게 되나요?
0
56
2
76. 전문성 더하기: 놓치면 아쉬운 관련 기술들 수업 자료가 없어요.
0
48
2
ai 도구 질문
0
31
1
저는 왜 콘솔에서 props가 한 줄만 찍히나요?
0
47
1
렌더링 차단 리소스 javascript 실행에 관련해서 질문 있습니다.
0
48
2
데이터 로딩중 화면만 계속 나와요!!
0
55
2
퍼블리셔일경우 어느정도 수준까지 강의를 들어야할까요
0
79
2
02-04 layout.tsx 구조가 달라요
0
60
2
불변성을 지키며 수정 삭제를 할때도 Map이 유리한가요?
0
54
1
개인 프로젝트로 앱 개발해서 다운로드 1300 달성했는데 어느 정도 의미가 있을까요? (안드로이드 개발자)
0
69
1
22강 강의 영상 문의 드립니다.
0
49
2
코드 샌드박스가 업그레이드되서 그런지..
0
118
1
바닐라 자바 스크립트가 뜨질 않아서..
0
305
1