HTML <script>태그의 defer속성

defer 속성은 페이지가 모두 로드 된 후에 <script>로 불러온 외부 스크립트가 실행되어야 함을 명시하는 속성이다.

 

불리언 속성이라 명시하지 않으면 false, 명시하면 true값을 가지게 된다

 

이 속성은 <script>태그가 외부 스크립트를 참조하는 경우에만 사용할 수 있고, src 속성이 명시된 경우에만 사용 가능하다.

 

예를 들어서, <script> 태그가 head 태그에 있고, <script> 태그가 참조하는 외부 스크립트에서는 body태그에 작성된 내용을 이용해 코드를 실행시켜야할때.

 

웹페이지를 동작시키면 body 태그를 읽어들이기 전에 head태그에 있는 script 태그가 실행되면서 외부 스크립트는 body태그의 내용을 받지 못해 실행이 되지 않는다.

 

이때 script에 defer 속성을 추가하면 script의 외부 스크립트는 페이지 로드가 전부 끝나고 외부 스크립트를 작동하여 정상적으로 외부 스크립트가 body태그의 내용을 받아서 동작한다.