HTML-L3-081 / 자원 로딩
async와 defer 순서
중급문제
a.js와 b.js 외부 스크립트를 문서 순서대로 파싱 후 실행하도록 연결하세요. 둘 다 defer를 사용하고 async는 사용하지 않습니다.
예시 텍스트·ID·참조 관계를 유지하면서 의미에 맞는 HTML을 작성하세요.
확인할 조건
- defer 스크립트
- async 없음
- 첫 파일
힌트
일반 외부 스크립트의 defer와 async 실행 순서를 구별하세요.
해설·정답 보기
defer는 문서 파싱 후 문서 순서를 지킵니다. 이 문제에서는 외부 파일을 실제로 내려받거나 실행하지 않고 속성을 확인합니다.
<!doctype html> <html lang="ko"> <head><meta charset="utf-8"><title>실습</title></head> <body> <main>스크립트 순서 실습</main><script defer src="a.js"></script><script defer src="b.js"></script> </body> </html>
index.html화면·구조 확인
코드는 이 브라우저에 자동 저장돼요.
풀이 결과
코드를 작성하고 채점하기를 눌러보세요.
학습용으로 제공된 조건을 확인해요. 알고리즘 사용 방식·설계 의도는 해설과 함께 비교해보세요.