HTML 태그의 defer 속성과 async 속성의 차이점으로 올바른 것은?

HTML <script> 태그의 defer 속성과 async 속성의 차이점으로 올바른 것은?

보통 MDN Web Docs

보기 및 정답

A defer는 HTML 파싱 완료 후 순서대로 실행하고, async는 다운로드 완료 즉시 실행하여 순서를 보장하지 않는다

B async는 스크립트의 실행 순서를 보장하고, defer는 순서를 보장하지 않으며 다운로드 즉시 실행된다

C defer와 async는 완전히 동일한 동작을 하며, 브라우저에 따라 내부적으로 같은 방식으로 처리되어 차이가 없는 것이다

D async는 인라인 스크립트에만, defer는 외부 스크립트에만 사용되며 서로 교차 적용이 불가능하다

defer는 스크립트를 백그라운드에서 다운로드하되, HTML 파싱이 완전히 끝난 후 문서에 등장한 순서대로 실행합니다. async는 다운로드가 끝나는 즉시 실행하므로 스크립트 간 실행 순서가 보장되지 않습니다. 의존성이 있는 스크립트에는 defer가 적합합니다.

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.