CustomEvent 사용자 정의 이벤트 사용방법

ES6(정확히는 DOM 표준 API)의 CustomEvent는브라우저에서 "사용자 정의 이벤트"를 만들어서 컴포넌트/모듈/객체 간 통신할 때 사용하는 기능입니다.즉,"내가 직접 이벤트를 정의하고 데이터까지 같이 전달" 할 수 있습니다.기본 개념일반이벤트button.addEventListener('click', ...)→ 브라우저가 발생시킴CustomEventnew CustomEvent('my-event')→ 내가 직접 발생(dispatch)기본 문법new CustomEvent(type, options)파라미터type이벤트 이름options.detail전달할 데이터options.bubbles버블링 여부options.cancelablepreventDefault 가능 여부options.composedshado..