• 목록

$(document).ready(function() { ... }) 와 $(function() { ... }) 는 기능적으로 동일합니다.
둘 다 DOM이 완전히 로드된 후 실행할 코드를 지정하는 jQuery 방식입니다.

✅ 차이점 비교
$(document).ready(function() { ... }); - 명시적으로 document 객체에 ready 이벤트 바인딩 - 명확함, 가독성 좋음
$(function() { ... }); - 위의 축약형 - 짧고 간결함, 실무에서 많이 사용

✅ 추천 방식
공식 추천: 둘 다 안전하지만
실무/일반 웹 개발에서는: $(function() { ... }); 가 간결하고 널리 사용됨
복잡한 구조나 document 외 객체(window, 특정 DOM 등)에 ready를 걸 경우엔 $(document).ready(...) 가 더 명확함

✅ 요약
단순한 페이지: $(function() { ... }); (추천)
명시적이거나 다른 ready 이벤트와 혼동 방지: $(document).ready(function() { ... });

상황에따라 적절히 사용