브라우저에서 자바스크립트 동작 원리

• 자바스크립트는 렌더링엔진이 아닌 자바스크립트 엔진이 처리한다.

• HTML 파서는 script 태그를 만나면 DOM을 그리다가 중단하고 자바스크립트 엔진이 코드를 파싱하고 실행한다.

• 자바스크립트 실행이 완료되면 HTML 파서가 중지된 지점부터 DOM생성을 시작한다.

그래서 script 태그를 body의 마지막에 넣음.