■ 이벤트 라우팅(Event Routing)이란?
이벤트 발생 시에 Element Tree의 여러 Element로 이벤트가 전달되는 것
이벤트는 터널링(Tunneling), 버블링(Bubbling), 다이렉트(Direct) 3가지로 분류됩니다.
- 터널링(Tunneling) : 상위에서부터 이벤트 발생 요소(Element)로 이벤트 발생
- 버블링(Bubbling) : 이벤트 발생 요소(Element)부터 상위로 이벤트 발생
- 다이렉트(Direct) : 하나의 요소(Element)에서만 이벤트 발생
장점 및 사용 사례
- 장점:
중앙 집중화된 이벤트 처리: 부모 컨테이너에서 이벤트를 처리하여 자식 요소들에 대한 중앙 집중화된 제어가 가능합니다.
재사용성: 같은 이벤트 처리기를 여러 UI 요소에 적용하여 코드 재사용성을 높일 수 있습니다.
유연성: 특정 UI 계층 구조에서 이벤트를 제어하고 관리할 수 있는 유연성을 제공합니다.
- 사용 사례:
공통 이벤트 처리: 예를 들어, 여러 버튼이 동일한 동작을 해야 하는 경우, 부모 컨테이너에서 버튼 클릭 이벤트를 처리할 수 있습니다.
유효성 검사: 사용자 입력을 검증하기 위해 상위 컨테이너에서 이벤트를 가로채고 검증 로직을 적용할 수 있습니다.
전역 핸들러: 특정 키 입력이나 마우스 이벤트를 전역적으로 처리하고자 할 때 유용합니다.
....