Script태그 사용 시의 속성

Script태그 사용시의 속성 defer 와 type='module'

defer

• HTML 문서의 파싱이 완전히 완료된 후에만 실행된다.

type='module'

• ECMAScript 모듈로서 로드하게 된다.

• import와 export 문을 사용할 수 있다.

• 모듈 스크립트는 항상 defer된 것처럼 동작하므로, 문서 파싱이 완료된 후에만 실행된다.

=> type='module' 이 defer의 기능도 가지면서 추가로 더 많은 기능을 가지고 있으니 defer보단 type='module'사용

* 함수 호출 시에 export와 import속성을 사용하여 새로운 js파일을 script태그로 추가 하지 않고도 호출 할 수 있다