이벤트 핸들러 등록과 구현의 분리

$(document).ready(function() {

// 로그인 버튼과 클릭 이벤트에 대한 핸들러 등록

$("#btnLogin").click(OnBtnLoginClicked);

// 로그아웃 클릭 이벤트 핸들러 등록

$("#btnLogout").click(OnBtnLogoutClicked);

});

function OnBtnLoginClicked(event) {

// 로그인 버튼 이벤트 핸들링

}

function OnBtnLogoutClicked(event) {

// 로그아웃 버튼 이벤트 핸들링

}

이벤트 핸들링 코드가 너무 길어지는 경우는 위와 같이 이름 있는 함수를 이용해 핸들러를 등록하는 코드와

이벤트 핸들링을 구현하는 함수를 분리해서 로드 이벤트 핸들러의 코드를 좀 더 간단하게 정리할 수 있다.