상호작용 점검

DOM 이벤트 실전 점검표

화면 조작 코드는 선택자, 이벤트, 변경 코드가 서로 다른 책임을 가지도록 나누면 유지하기 쉽습니다.

select

선택자 범위

바꿀 요소만 잡도록 부모 영역과 클래스 이름을 구체적으로 둡니다.

listen

등록 위치

요소가 만들어진 뒤 이벤트 리스너를 연결하는지 확인합니다.

event

이벤트 정보

클릭 대상, 입력값, 누른 키처럼 필요한 정보만 읽습니다.

change

화면 변경

텍스트, 속성, 클래스 변경을 목적별로 나누어 적용합니다.