Javascript & JQuery & CSS

자바스크립트는 기본적으로 한줄씩 실행이 됩니다.

그러나 어떤 경우에는 함수가 실행이 끝나지 않았을때 실행이 될수도 있는데 그것을 방지하기 위해

callback를 이용하여 오류를 막을수 있습니다.


1. $(document).ready()

jQuery 이벤트 메소드 중 하나 문서의 DOM 요소들을 조작할 수 있는 시점에서 호출합니다.

javascript의 load 이벤트와 비슷
 

	$(document).ready(function() {
		alert('a'); 
	});

2. hide() - hide() 사용시 callback 이용방법
 

	$("button").click(function(){
		$("p").hide("slow",function(){
	      alert("The paragraph is now hidden");
		});
	});

위 예제는 P태그 구문을 hide(숨김) 을 진행한 후 alert 메시지가 나타납니다.
 

	$("button").click(function(){
		$("p").hide(1000);
		alert("The paragraph is now hidden");
	});

예제는 callback을 하지 않은 경우인데 위처럼 코딩이 되면 alert 메시지가 먼저 나타나고 hide를 실행하는 모습을 볼수 있습니다.

이처럼 callback의 역할은 선 함수를 실행시킨후 후 진행하게 할 경우 사용합니다.