*<script> 요소는 데이터와 실행 가능한 코드를 문서에 포함할 때 사용하며 보통 JavaScript 코드와 함께 씁니다. → text/javascript와 같은 동적 스크립트*

type

스크립트의 유형을 나타냅니다.

생략 또는 JavaScript MIME

• 스크립트가 JavaScript임을 나타냅니다.

  <script src="javascript.js"></script>
  

module

• 스크립트를 JavaScript 모듈로 간주합니다.

  <script type="module" src="main.mjs"></script>
  

  • 기존 스크립트와 달리, 모듈(module) 스크립트는 교차 출처 가져오기 시 CORS 프로토콜을 사용해야 합니다.
  • 스크립트 콘텐츠 처리가 charset과 defer 특성의 영향을 받지 않습니다.

다른 모든 값

async

일반 스크립트에 async 속성이 존재하면 HTML 구문 분석(parsing) 중에도 스크립트를 가져오며, 사용 가능해지는 즉시 실행됩니댜.

defer

HTML 구문 분석(parsing) 중에 스크립트를 가져오지만, async인 경우와 다르게 defer 속성은 HTML 구문 분석(parsing)이 완전히 완료되면 스크립트 파일을 실행합니다.

<aside> ⚠️ src 속성이 존재하지 않을 때에는 아무런 효과도 없으므로 사용해서는 안됩니다. 또한 모듈(module) 스크립트는 기본적으로 지연 평가하므로, defer를 지정해도 변화가 없습니다.

</aside>

async & defer

crossorigin

*<audio>, <img>, <link>, <script>, <video>에 있는 crossOrigin 속성은 element가 CORS 요청을 처리하는 방식을 명시하여 element가 fetch한 데이터를 CORS 가능하게 합니다.*

→ 요청 시 Origin 헤더를 포함시켜 준다.

즉 Media element 의 crossorigin 속성은 CORS 세팅입니다. 세팅 속성은 열거형이며 아래의 값을 가질 수 있습니다.