======jQuery Effects - Callback Functions======
<WRAP left notice 70%>
  * description : jQuery Effects - Callback Functions
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-04-16
</WRAP>
<WRAP clear></WRAP>
\\
현재 효과가 100 % 완료된 후, 콜백 함수가 실행됩니다.\\

=====jQuery Callback Functions=====
%%JavaScript%% 스테이트먼트는 한 줄씩 실행됩니다.\\ 
그러나 효과를 사용하면, 효과가 완료되지 않은 경우에도 다음 줄의 코드가 실행될 수 있습니다.\\ 
이로 인해 오류가 발생할 수 있습니다.\\
\\
이를 방지하기 위해 콜백 함수를 생성 할 수 있습니다.\\
\\
현재 효과가 종료된 후 콜백 함수가 실행됩니다.\\
\\
일반적인 구문 : **%%$(selector).hide (speed, callback);%%**\\

===Examples===
아래 예제에는 숨기기 효과가 완료된 후 실행되는 함수인 콜백 매개 변수가 있습니다.\\

====With Callback 예제====
<code jquery>
    $(document).ready(function () {
      $("button").click(function () {
        $("p").hide("slow", function () {
          alert("The paragraph is now hidden");
        });
      });
    });
</code>
\\
아래 예제에는 콜백 매개 변수가 없으며, 숨기기 효과가 완료되기 전에 경고 박스(alert box)가 표시됩니다.\\

====Without Callback 예제====
<code jquery>
    $(document).ready(function () {
      $("button").click(function () {
        $("p").hide(1000);
        alert("The paragraph is now hidden");
      });
    });
</code>


{{tag>오션 jQuery Effects - Callback Functions}}