<script> 태그 위치

브라우저 동작 방식 브라우저의 동작 방식은 아래와 같다 HTML을 읽기 시작한다 HTML을 파싱 한다 DOM 트리를 생성한다 Render Tree(DOM Tree + CSS의 CSSOM Tree 결합)가 생성된다 Display에 표시한다 * 파싱이란? : 파싱은 해당 언어의 문법 검사기라고 할 수 있다 네트워크로 받은 HTML과 CSS 파일을 토큰화 시키고 Parse Tree를 생성한다 이 Parse Tree를 DOM 트리로 만들어 렌더 하게 된다 태그 내부에 태그 위치 HTML은 파싱 도중 script 태그를 만나게 되면 중간에 파싱을 멈추고 script 태그를 일고 난 다음 다시 HTML을 파싱 한다 이렇게 된다면 head 태그 내부에 있는 script를 읽느라 body 내부의 UI는 script를 읽은 후에 사용자에게 보여주게 될 것이다 script 파일이 무겁고 클수록 웹사이트를 보는 데까지 많은 시간이 소요될 것이다 장점 : 웹사이트가 완전한 형...