프로젝트 진행 중 DOM API 를 활용하여 이벤트를 다룰 일이 생겼다.모든 컴포넌트에 이벤트 등록을 하던 중, 해당 방식이 매우 비효율적인 것을 알게 되었다.이 글을 통해 이벤트의 전반적인 흐름에 대해 정리해보겠다. 1️⃣ DOM 이란 ?이벤트에 대해 알아보기 전에, DOM(Document Object Model)에 대해 알아볼 필요가 있다.우리가 웹사이트에 접속하면 브라우저 화면에 웹사이트의 내용이 보여지기 전까지어떠한 일이 발생할까 ? 1. 브라우저가 서버에게 요청2. 서버는 응답으로 브라우저에게  HTML, CSS, JS 파일 전송3. 브라우저가 HTML 파일을 읽고 화면에 렌더링위의 과정을 통해 우리 눈에 웹페이지가 보이게 된다.DOM을 이해하기 위해 3번의 과정을 자세히 알아보자. 브라우저는 ..