HTML script 로딩 순서, 실제로 다룰 때 확인할 순서

적용할 문제

script 로딩 순서에서 바꿀 결과와 유지할 기존 동작을 한 문장씩 적습니다. classic script의 defer는 문서 순서를 유지해 parsing 뒤 실행되지만 async는 download 완료 순서로 실행될 수 있습니다.

선택의 기준

원본 문자열, browser가 보정한 DOM과 실제 기본 동작을 구분합니다. validator 오류 위치와 DOM에서 달라진 구조를 함께 보면 원인을 좁힐 수 있습니다. 현재 version의 공식 문서와 실제 설정을 확인하고 대표·경계·실패 사례를 준비합니다. validator, DOM tree, accessibility tree, network와 실제 폼 제출 payload를 함께 확인한다.

순서	할 일
1	수정 전 결과와 되돌릴 기준 저장
2	핵심 사실과 맞닿은 한 곳만 변경
3	같은 입력으로 수정 전후 비교

작은 적용과 확인

문서 구조와 요소의 기본 의미를 먼저 바로잡고 JavaScript와 ARIA는 native HTML로 표현할 수 없는 동작만 보완합니다. 시맨틱 요소와 기본 브라우저 동작을 우선하고 ARIA는 네이티브 의미로 표현할 수 없을 때만 보완한다. 예상과 다르면 변경을 더 얹지 말고 처음 달라진 값으로 돌아갑니다. 키보드, 스크린리더, 확대, 느린 네트워크와 JavaScript 비활성 조건에서 핵심 흐름을 검사한다. validator, DOM, keyboard와 JavaScript 비활성 조건에서 링크·폼·문서 구조의 핵심 흐름이 유지되는지 확인합니다.

공식 문서와 적용 범위

• MDN HTML (새 창에서 열림)

문서의 기본값과 동작은 version에 따라 달라질 수 있습니다. 지원하는 browser, viewport, 입력 방식과 실제 network 조건에서 다시 확인합니다.