delegate 헬퍼 함수의 용도가 궁금합니다.

1. 이벤트 전파를 통해 공통된 하위 요소에 이벤트를 바인딩하기 위해서 사용하는 게 맞을까요?

2. 그리고 하위 요소가 렌더링 되기 전에 이벤트 바인딩해도 문제가 없는 게 상위 요소를 매개체로 바인딩해서가 맞을까요?

const liElements = qsAll('li', this.element);

liElements.forEach(li => {
  li.className = li.dataset.tab === selectedTab ? 'active' : '';
  li.addEventListener('click', (e) => {
    const payload = { tabType: li.dataset.tab, }
    this.emit(EVENT_TYPE.TAB_CLICK, payload)
  });
});

제가 구현했을때는 tabList가 렌더링 된 다음에 이벤트 바인딩해야 된다 생각해서 show 메서드 내부에서 바인딩하였는데 delegate 함수 사용하니 하위 요소 렌더링 여부가 무관해졌습니다.

인프런 커뮤니티 질문&답변