스크립트 defer, async 속성
요즘 개발 관련 포스팅도 많이 못쓰고 말이죠.. 곧 회사에서는 주 1회가량 스터디를 진행할 것 같습니다. 다 같이 강의를 보고 간략한 발표와 프로젝트를 수행하는 정도의 느낌으로 말이죠. 회의 때 이런저런 얘기를 하다 잘 몰랐던 부분이 있어 짚고 넘어가 보려 합니다. 브라우저는 HTML 문서를 읽는 도중에 태그를 만나면 DOM 생성을 멈추고 스크립트를 먼저 실행한다. 이 방식에는 2가지 이슈를 만들게 되는데.. 첫 번째로 생성되지 않은 DOM 요소에 접근하는 스크립트가 먼저 실행됐다면 에러가 발생한다. 두 번째로 큰 사이즈의 스크립트가 중간에 껴 있을 경우 해당 스크립트가 실행되기 전까지 페이지 로드가 멈출 것이다. 이런 이슈를 해결하기 위해 보통의 경우 태그가 끝나는 시점에 나도 이렇게 사용했지만 이 방..
2022.09.14