DOM 이벤트 실전 점검표
화면 조작 코드는 선택자, 이벤트, 변경 코드가 서로 다른 책임을 가지도록 나누면 유지하기 쉽습니다.
선택자 범위
바꿀 요소만 잡도록 부모 영역과 클래스 이름을 구체적으로 둡니다.
등록 위치
요소가 만들어진 뒤 이벤트 리스너를 연결하는지 확인합니다.
이벤트 정보
클릭 대상, 입력값, 누른 키처럼 필요한 정보만 읽습니다.
화면 변경
텍스트, 속성, 클래스 변경을 목적별로 나누어 적용합니다.
핵심DOM 이벤트 실전 점검표은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.