HTML 태그에 type="module"을 지정하면 어떤 특징이 있나요?

HTML <script> 태그에 type="module"을 지정하면 어떤 특징이 있나요?

어려움 MDN Web Docs

보기 및 정답

A 스크립트가 ES 모듈로 처리되어 import/export 문법을 사용할 수 있고, 기본적으로 defer 방식으로 로딩된다

B 스크립트가 즉시 실행되어 HTML 파싱을 차단하며, 전역 스코프에서 모든 변수가 공유되고 모듈 단위 캡슐화가 적용되지 않는다

C Node.js 서버 환경에서만 동작하도록 설정하며, 브라우저에서는 해당 스크립트가 자동으로 무시되고 실행되지 않는다

D 스크립트의 MIME 타입을 application/json으로 변경하여 데이터 전용 스크립트로 처리되도록 브라우저에 알린다

type="module"을 지정하면 해당 스크립트는 ES 모듈로 처리됩니다. import/export 문법을 사용할 수 있고, 기본적으로 defer처럼 HTML 파싱을 차단하지 않으며, 엄격 모드(strict mode)가 자동 적용됩니다.

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.