jQuery 를 이용한 애니메이션효과 주기 챕터에서 궁금한 점이 있는데요,

위의 자바스크립트 태그의 코드는, 이미지 하단에서 확인하실수 있듯이 body 태그 안에 있어요.

$(document).ready(){

});

이 코드를 이 강좌에서 처음 보게 되었을때, 선생님꼐서 저 코드는 body 태그의 요소가 로딩되기 전에 자바스크립트 코드가 실행될때,

문제가 되는 경우가 있다고... 예를 들어서 특정 요소에 이벤트를 등록시키고 싶은데, 아직 요소가 로딩되지 않았으니, 문제가 된다고

설명해주셨어요. 그래서 저 코드를 쓰면, body 태그의 요소가 모두 로드되고나서, ready() 함수의 파라미터로 들어가는 함수가

실행되니까, 원하는 자바스크립트 코드를 쓸 수 있다고.

이 설명을 들었을때는, 자바스크립트 코드가 head 태그에 위치해 있을때 저걸 써야 하는건가? 싶으면서도 지나치게 불편하다고

생각했었는데, 이번챕터에서 이렇게 body 태그에서도 저 코드를 쓰는 경우를 만나게 되었네요.

혹시 강좌에서 선생님이 해주셨던 설명 외에도,

$(document).ready(){

});

이 코드가 쓰이는 용도가 무엇이 더 있는지 알 수 있을까요?