jQuery callback 함수

일단 썰을 풀자면.. 난 아마 jQuery 가 없었다면 이 짓으로 밥벌어 먹고 살지 못했을 것이다. (물론 core javascript를 정복하고 싶은 욕망은 항상 있다. 어려워서 그렇지)

뭔가 요즘 만들고 있는데 애니메이션 효과를 하나 줬다. 650ms에 걸처 작동하고 끝나면 class 이름을 바꿔야 한다. click과 동시에 바꾸면 안에 있는 내용이 사라지고 시커먼 화면이 닫히는 장면이 된다. 이 때 사용할 수 있는게 흔히 콜빽함수라 부르던 callback 함수이다.(그동안 이게 뭔가 참 몰랐다.) ajax를 구현할 때는 필현적으로 사용하고 jQuery에 잘 정의 되어 있다. 근데 일반적인 이벤트 종료 후 실행하는 방법은 너무 간단했다. 그래서 그랬나? http://api.jquery.com 에서는 그 설명을 못찾겠더라. 사용법은 다음과 같다.

$(“#popbox”).animate({height:”688px”}, 650, function(){
    popbox.removeClass(“boxOpen”).addClass(“boxClose”);
});

위의 코드에서 굵은 글씨로 되어있는 부분이 callback 함수 부분이더라. 간단히 comma 하나 넣고 function으로 시작해서 내용을 써주면 되는데… 이걸 못찾아서 아주 쌩쑈를 한 나는.. 분명 javascript에 소질이 없는 게 분명하다. 참 먹고 살기 힘들다.