$(document).ready(function(){}), $(function(){}) 문법 질문 드립니다.

Question

안녕하세요. Jquery 수업 중 강사님이 설명해주신 문법에 의문이 생겨 질문을 드리게 되었습니다.$(document).ready(function(){})과 $(function)(){})은 같은 것으로 이해하고 있습니다. 그리고 $(document).ready()는 ()안에 있는 실행함수가 html 문서가 로드 된 이후 동작하라는 의미로 사용하는 것으로 알고 있습니다.질문1.function slide() {jquery 메서드}이런식으로 되어 있는 함수에 $(document).ready()를 적용하고자 할 때.1-1.$(document).ready( function slide(){jquery 메서드})or$(function slide() {jquery 메서드})저는 1-1 방법으로 코드를 작성하는 게 맞다고 생각했는데.강사님의 설명으로는1-2$(document).ready( function () {function slide(){jquery 메서드}})or$(function() {function slide(){jquery 메서드}})1-2 방법으로 코드를 작성해야 한다고 하십니다. 이 부분에 대해 설명을 해주셨으나 저는 1-1이 맞다는 생각이 너무 확고한 상태고, 검색을 해도 1-1이 맞다고 여겨지는데요. 제가 오해하는 걸까요? 혹 안에 들어간 메서드의 형태에 따라 답이 달라지는 경우라면 말씀해주세요.질문2.전 이런식으로 사용하는 것이 문제가 없다고 생각되지만, 강사님은 위의 경우 html 요소들이 만들어지기 전에 slide 함수가 문제가 된다 하였습니다. 전 slide는 앞에서 선언만 되어 있는 상태이고, 실제로 실행되는 건 어차피 $(document).ready()로 인해 html이 로드 된 이후니까 이렇게 적어도 전혀 문제 없다고 여겨지는데요.단지 동작만 하면 되는 게 아니라, 약속된 표현법의 문제라거나 하는 것일까요?

장독깨기 · Accepted Answer

ready 는 문서를 다 로딩한 후에 그니까 문서가 준비가 됐을때 실행을 하라는 의미죠.그럼 ready 함수의 인자는 무엇입니까. 함수죠. 이를 콜백함수라 합니다.준비가 됐을 때 인자로 넘긴 이 함수를 실행합니다.1-1 을 보면 인자로 function slide() { // 메서드 } 을 넘겼습니다.그럼, ready 됐을 때 이 함수를 실행하니 결국 // 메서드 이 부분을 호출하겠죠.1-2 를 보면 인자로 function () { ... } 을 넘겼습니다.그럼, ready 됐을 때 ... 이 부분을 실행합니다. 근데, ... 이부분은 function slide() { // 메서드 } 로 되어 있는데요, 이건 slide 함수를 선언만 한거죠.1-1, 1-2 는 문법이 문제가 아니라 내용이 다릅니다.질문 2는 slide 함수를 선언을 하고, ready 됐을 때 slide 함수를 호출한거죠.그러니, slide 함수를 미리 선언한 부분은 아무 문제가 없습니다.근데, ready 가 아니라, 스크립트의 마지막 부분에 그냥 slide() 이런 식으로 호출하면 문제가 될 수 있겠죠.

행복할사람 · Answer

저도 엄청 잘하는 사람은 아니지만작성자님이 말씀하신 부분으로 상당히 많은 오류를 겪어봄으로써 깨달은 바를 토대로 말씀을 드릴 순 있을거같습니다근데 이미 작성자님은 답을 알고 계시는거 같은데 혼란에 빠지신건 아닐까 생각합니다$(document).ready(function(){})과 $(function)(){})은 같은 것으로 이해하고 있습니다. 그리고 $(document).ready()는 ()안에 있는 실행함수가 html 문서가 로드 된 이후 동작하라는 의미로 사용하는 것으로 알고 있습니다.정답을 알고 계십니다그러면 이런 생각을 해볼 수 있죠문서가 로드되었을 때의 저 함수가 작동되는것과문서가 로드가 안되었을 때의 저 함수가 작동되는 것은 무엇을 의미하는지요간단한 예시를 들어보면작성자님치킨을 튀겨야 하는데치킨 기름 온도가 50도일 때 튀기는 치킨과170도 180도에 튀기는 치킨의 차이일 수 있다는것이죠질문주신 부분과 치킨이라는 요리의 완성도를 위에 말씀드린 비교를 통해정답을 도출하실 수 있을거라 생각합니다작성자님의 앞날을 응원합니다

냥냥가면 · Answer

근데 이건 생각을 하는것보단 직접 코드로 작성해서 시험해보시는게 빠를거 같은데요?만약 오류가 나거나 의도와 다르게 실행되면 고치면서 배워나가면 되니까요!만약 본인이 생각한 방법으로도 정상작동하면 그렇게 쓰셔도 무방하다고 봅니다.

Dierslair · Answer

본문 내용과는 별 관계 없지만.. $.ready 는 deprecated되었습니다~ DOM 로드 후 실행할 함수는 $() 밖에 없다고 생각하시면 됩니다.

$(document).ready(function(){}), $(function(){}) 문법 질문 드립니다.

4개의 답변

기술 목록