window.load VS document.ready

1. $(document.)ready(){}, $(function{})
    - document의 DOM객체가 로드되면 이벤트 발생 

2. window.onload, $(window).load()

    - documnet의 모든 객체가 로드되면 이벤트 발생 (이미지, 리소스 등등)

이벤트 실행순서로 본다면 document.ready 가 먼저 발생하고,

그 뒤에 window.load가 발생합니다.

실제로 웹 개발을 하다보면 document.ready 안에 window.load 를 사용하는 경우가 있는데,

간혹? 이벤트 시점에 따라서 오작동을 발생시킬 수 있습니다.. 

고로 window.load 와 document.ready는 분리해서 작성하는게 좋습니다.