[html] script 불러오기 종류, type="module", defer

 

기본 스크립트

<script src="./my-lib.js"></script>

- HTML 파싱 차단함
- 즉시 실행
- HTML 순서대로 실행
- 전역 스코프
- import/export 사용 불가능

 

* 모듈 스크립트

<script src="./my-lib.js" type="module"></script>

- HTML 파싱 차단하지 않음
- HTML 파싱 후 실행
- HTML 순서대로 실행
- 모듈 스코프
- import/export 사용 가능

 

* 모듈 스크립트 + defer

<script src="./my-lib.js" defer type="module"></script>

- HTML 파싱 차단하지 않음
- HTML 파싱 완료 후 실행
- HTML 순서대로 실행
- 모듈 스코프
- import/export 사용 가능