[Javascript] <script> 태그 속성 종류

● <script> 태그

    - Javascript 코드를 HTML 문서에 포함하거나 외부 Javascript 파일을 로드하는 데 사용

    - 속성들을 사용하여 스크립트 동작 제어

 

● 주요 속성

속성명	설명	예제
src	- 외부 javascript 파일의 경로 지정	<script src="path/to/external/script.js"></script>
type	- 스크립트 MIME 타입 지정 - 기본값 'text/javascipt' - 보통 생략	<script type="text/javascript"></script>
async	- 스크립트를 비동기적으로 로드 - 다른 페이지 요소들과 병렬로 로드	<script src="path/to/external/script.js" async></script>
defer	- 스크립트 실행 연기 - HTML 파싱 완료 후 실행 - 주로 외부 스크립트 파일과 함께 사용	<script src="path/to/external/script.js" defer></script>
integrity	- 스크립트 파일 서명(SRI)를 제공하여 파일 무결성 확인	<script src="path/to/external/script.js"  integrity="sha384-..."></script>
crossorigin	- CORS(Cross-Origin Resource Sharing) 설정 - 외부 리소스가 다른 도메인에 있을 때 사용	<script src="path/to/external/script.js"  crossorigin="anonymous"></script>
nomodule	- ES6 모듈을 지원하지 않는 브라우저에만 해당 스크립트를 로드	<script src="path/to/legacy/script.js"  nomodule></script>
nonce	- CSP(Content Security Policy)와 함께 사용되는 속성 - 안전하게 스크립트 삽입	<script nonce="random-string"></script>