[JQuery] load, ready 차이

.load()
Bind an event handler to "load" Javascript event.
.ready()
Specify a functino to execute where the DOM is fully loaded.

브라우저가 HTML파일을 읽어오는 순서

1. 웹 브라우저 접속
2. 웹 문서 읽기 (브라우저가 웹문서를 읽기 시작함)
3. DOM 생성 (DOM이 생성되면 ready 메소드 실행)
4. 이미지를 포함한 요소들이 로드되기 시작
5. 페이지 로딩 완료 (모든 요소들이 로드가 완료되면 load 메소드 실행)

DOM이 생성되면 발생하는 이벤트 ready
모든 요소들이 로딩완료되면 발생하는 이벤트 load

// jquery 1.8 이상
$(window).load(function() {}); // deprecated 

$(window).on('load', function (e) {}); // 변경