클릭 이벤트 핵심개념

여러 개인 자식에 클릭 이벤트를 설정하지 않고, 한 개인 부모에 클릭 이벤트를 설정하라

<ul class="list">
 <li class="tab-button"></li>
 <li class="tab-button"></li>
 <li class="tab-button"></li>
 <li class="tab-button"></li>
</ul>

• 자식 여러 개에 클릭 이벤트를 걸면, 메모리를 많이 잡아먹으므로,
  • 한 개인 부모에 클릭이벤트를 설정하고,
  • 이벤트 버블링을 통하여 자식인 li가 실제로 클릭되면, 동작되도록 만들어야 한다.