.ready() vs .load()

$(document).ready(function () {

// 실행지점 : DOM이 모두 로드된 지점

// 참고 : 페이지가 모두 로드된 시점이 아닌 DOM이 모두 로드된 시점이다.

});

$(window).load(function() {

// 실행 지점 : 페이지가 모두 로드된 시점.

// 참고 : 페이지의 이미지 등이 모두 렌더링 되고 나서이다.

});

* 어떤 영역의 정확한 높이 값 또는 렌더링이 모두 완료 된 후의 상황이 필요하다면 "$(window).load(function(){ });"을 사용해야겠다.