(자바스크립트) EventDelegation(여러개의 탭 쉽게..)closest(),

Event Delegate : Child Element들 각각에 Event Handler를 추가하는 것이 아니라

Parent Element에 Event Handler를 추가한 뒤 Event가 발생한 node를 확인하여 처리하는 방법.

장점 : 등록되는 Event Handler의 수를 줄일 수 있다. (성능에 도움이 된다.)

코드가 간결해지며 유지보수가 수월해진다.

단점 : 불필요한 Event를 filtering하는 작업이 추가된다.

참고: https://davidwalsh.name/event-delegate
참고:http://regularmotion.kr/javascript-patterns-event-delegate/





* closest()는 가장 가까운 li를 찾아줌. 즉, 가장가까운 자식을 찾아줌.