$(document).ready(function() {});

이라 되어있다. 필자가 이해한대로 이를 정리하고자 한다.

 

1. $(document).ready(function() 함수 안에 적어야 하는 경우

 

button id="eiditbutton"을 이용해서 함수를 짠다면, function 스코프가 정해질 때. 즉, 페이지 로드가 완료 된 이후에 실행되어야 하는 함수임으로. 해당스코프 내에서만 function이 유효하다. 그래서 $(document).ready(function() 안에 두는 것이 맞다.

 

그러나

 

2. 글로벌 스코프에 정의되어야 하는 경우

처럼 HTML에서 자바스크립트 함수를 호출하려면 해당 함수는 글로벌 스코프에 정의되어 있어야 한다.