defer란?

<script defer src="./main.js"></script> 

*문서는 위에서 아래 순으로 읽게 되는데

스크립트 파일을 상단에 두었을 때 main.js파일이 우선적으로 실행되고 그 이후에 body 안에 내용을 읽게되면

html 구조에 대한 이해 없이 먼저 실행이 되버린 js는 정상적으로 작동 할 수 없다.

'defer' 를 함께 넣어주면 html 구조를 먼저 이해하고 js파일을 실행시키라는 명령이 되므로 정상적으로 작동한다.