[jQuery] $(function(){}); 문법의 의미 (feat. document.ready, window.onload 차이점)

- $(function(){}); 문법의 의미 -

그렇게 큰 의미를 가진 문법은 아니고

그저 $(document).ready(function(){...}) 와 같은 의미를 가진 문법이다.

그저 간편하게 줄인것이다.

여기서 더 나아가

(function(){...})() 가 존재하는데 이건 즉시실행함수라고

인터넷이 찾아보면 널려있다.

(비슷한 역할이지만 제이쿼리 없이 사용가능한 스크립트 문법이다.)

그러면 다음으로 넘어가

$(document).ready() 와 window.onload = function(){}

이 둘의 차이점은 뭘까?

$(document).ready()는

리소스 호출과 상관없이 DOM만 생성되어도 실행되는 문법이고

window.onload는

DOM뿐만 아니라 리소스 호출도 완료되었을 때 실행되는 문법이다.

(대략 이미지 같은거 생각하면 된다.)