script head async defer (1) 썸네일형 리스트형 [html] <head>태그 <script> async, defer 차이점, 어떻게 사용해야 할까요? normal, async, defer의 차이점 목차 브라우저는 HTML을 읽다가 #1과 같이 태그를 만나면 스크립트를 먼저 실행하고 DOM 생성을 멈춥니다. 또 #2와 같은 경우도 외부 스크립트를 다운받고 실행한 후에야 DOM생성을 하기 시작합니다. 이런 브라우저 동작방식은 스크립트에서 스크립트 아래에 있는 DOM요소에 접근을 할 수 없습니다. 페이지 위쪽에 용량이 큰 스크립트가 있는경우 스크립트 다운 및 실행할때까지 아래쪽 페이지를 볼 수 없습니다. 스크립트 앞 콘텐츠 스크립트 뒤 콘텐츠 위의 문제를 해결하기 위해서 를 화면 요소() 안의 맨 아래에 위치 시켜놓는 방법도 있습니다. ...화면 요소들 이러한 방법은 간단하고 가벼운 페이지들은 문제가 되진 않지만 HTML문서 자체가 아주 큰 경우, 브라우저.. 이전 1 다음
