html 파일에서 외부 리소스로 script를 가져다 쓸때
script를 head에 작성하면 html 파일이 실행되기도 전에 script가 실행되서 오류가 발생할 수 있다.
script를 body에 작성하면 script 파일 다운로드 시간이 늦어져 페이지 로딩이 길어질 수 있다.
이를 해결하기 위한것이 defer과 async
defer는 script 파일을 먼저 읽어오지만 html이 완성될때까지 script를 실행시키지 않는다.
async는 script 파일을 먼저 읽어오고 html보다도 먼저 실행된다. 화면 동작이 필요없고 데이터와 연동만 필요할때 사용.
defer와 script는 모두 외부 리소스로 script 파일을 쓸때 사용한다.
html 내부에서 사용하면 읽어올 파일이 없기 때문에 로딩 순서를 정해주는게 의미가 없기 때문. 하지만 html 내부에 script를 작성하는것은 좋지 않으니 따로 외부 resource로 빼내서 작성하자!
keep going