44 script 태그의 위치에 따라 달라지는 실행 순서
이번 강에서는 자바스크립트 코드의 위치에 따라 달라지는 실행 순서를 알아보겠습니다.
지금까지 따라 하면서 script 태그가 때로는 head 태그 안에 작성되고 때로는 body 태그 아래에 작성된 것을 보고 조금 의아했을 수 있습니다. script 태그의 위치가 달랐던 이유는 HTML 문서의 파싱과 자바스크립트 코드의 실행 관계 때문입니다.
예를 들어 HTML 엘리먼트를 자바스크립트에서 활용하려면 해당 엘리먼트가 스크립트보다 먼저 파싱되어야 합니다. 따라서 script가 더 아래에 있어야 합니다.
직접 확인해 볼까요? 앞에서 사용한 애국가 파일을 불러와 다음과 같이 수정 합니다.