자바스크립트를 body 하단에 놓는 이유

자바스크립트는 html 태그 어디든 넣어도 동작하지만

위쪽에 놓을 경우 가벼운 자바스크립트 코드들이 있는 경우

잘 작동하지만

 

무거운 자바스크립트 코드들과 내용이 많이 있는 경우

그 코드를 불러오고 실행 하느라 아래있는 html 코드들이

로딩되지 못하게 될 것이고 브라우저가 렌더링 되는 것에 방해가 될 수 있다

 

무거운 자바스크립트 라도

body 하단에 놓게 되면

html과 css가 모두 동작한 다음에 불러오기 때문에

하단에 놓는게 좋다

 

그리고 문서의 DOM(document object model) 구조가 완료된 시점에서

실행되기 때문에 따로 추가 설정을 할 필요가 없기때문이다.