[JavaScript] JavaScript HTML에 링크하는 방법, async와 defer
JavaScript를 HTML에 링크하는 방법 1. script 태그가 head에 위치한 경우 ✅ script 태그가 보이면 HTML 파싱을 멈추고 스크립트 파일을 실행한다. ✅ 단점 : 파일이 크면 느려진다. 2. script 태그가 body 내 끝 부분에 위치한 경우 ✅ 페이지가 완성된 후 스크립트 파일을 패칭한다. ✅ 장점 : HTML 컨텐츠를 빨리 노출시킬 수 있다. ✅ 단점 : JavaScript에 의존적인 페이지인 경우 사용자가 저상상적인 페이지를 보기 전까지 오래 걸릴 수 있다. 3. head 태그 안에 script 태그를 넣되 async 옵션을 사용한 경우 ✅ 브라우저가 HTML을 파싱하다가 script 파일을 병렬로 받도록 명령만 해놓고 파싱 후에 JavaScript 파일이 다운이 완료되..
Programming/JavaScript
2023. 4. 25. 00:21
