브라우저가 랜더링 되는 과정 1. HTTP 통신을 통해서 파일 로딩 2. HTML 파일을 파싱 3. 랜더트리구축 4. 랜더트리배치 5. 화면에 그리기 위 순서대로 브라우저는 랜더링 과정을 거쳐서 클라이언트는 브라우저화면을 통해 웹정보를 확인 할 수 있다. jquery의 $(document).ready() 의 경우 DOM이 로드된 시점 즉 3번에 해당하면 배치와 그리기가 완료 되지 않은 상태에서 실행문을 실행된다. 반면 window.onload의 경우 랜더링이 완료된 시점에서 실행구문이 실행된다. DOM 요소를 조작하는 코드를 head 영역에서 실행할 경우 아래와 같이 해당 DOM 요소 배치 되지 않았기때문에 노출할 수 없다. javascript는 인터프리터 언어이기 때문에 html 코드의 상단에서 부터 ..