event.target / event.currentTarget

target과 currentTarget은 이벤트 객체에 속하는 속성입니다. 이들은 이벤트가 발생한 요소와 이벤트 리스너가 등록된 요소를 나타냅니다.

target: 이벤트가 실제로 발생한 요소를 나타냅니다. 예를 들어, 클릭 이벤트가 버튼 위에서 발생했다면 target은 해당 버튼을 가리킵니다. 따라서, event.target은 이벤트가 발생한 정확한 요소를 가리키게 됩니다.

currentTarget: 이벤트 리스너가 등록된 요소를 나타냅니다. 예를 들어, 클릭 이벤트 리스너가 버튼에 등록되었다면 currentTarget은 해당 버튼을 가리킵니다. 따라서, event.currentTarget은 이벤트 리스너가 등록된 요소를 가리키게 됩니다.

즉, target은 이벤트가 발생한 요소를 나타내고, currentTarget은 이벤트 리스너가 등록된 요소를 나타냅니다. if (event.target === event.currentTarget)는 이벤트가 발생한 요소와 이벤트 리스너가 등록된 요소가 일치하는지 확인하는 조건문입니다.