async
-
[html] 스크립트 삽입 위치와 async, defer 속성programming/HTML&CSS 2019. 10. 26. 00:00
html에 자바스크립트를 사용할 때, 사이에 삽입할 수 도 있고, 사이에 삽입할 수 도 있다. 의 첫 부분에 태그를 넣을 수도 있고, 의 끝부분에 넣을 수 도 있다. 위의 위치들과 전혀 상관없이 스크립트를 작성할 수 도 있다. 다만 html이 로드되고 실행돼야 하는 스크립트의 경우에는 의 끝부분에 작성을 했다. 이런 방식의 스크립트 작성은, 규모가 큰 사이트의 대규모 스크립트나 스타일시트가 있을 경우, 필요한 화면 로딩이 느려질 수 도 있다. 이때 필요한 속성이 "async", "defer" 속성인데 아래와 같이 사용할 수 있다. async와 defer는 스크립트 로딩을 html과 같이 동기로 실행시켜준다. 그래서 test $("#test").click(function(){ alert("async-def..