Event Listener 뿌수기

EventListener 정복!

• 수업 목표 : Event Listener를 등록해서 사용하는 순서를 깨우치자(클래스형 컴포넌트에서 Event listener 구독하는 방법)

  • 먼저 ref를 잡는다.(돔에 접근해야하니까)
  • 뭘 해줄건지 함수 생성 ex) mouseover 이벤트
  • componentDidMount에서 등록해주기
  • component가 사라질 때 쓸 데 없는 Eventlistener를 남기지 않기 위해 ComponentWillUnMount에서 구독해지하기

• Event Listener

  • 사용자가 어떤 행동(이벤트)을 하는지 지켜보다 알려주는 것
    ex) 마우스 클릭, 터치, 마우스 오버, 키보드 누름 등등

• addEventListener 쓰기 전에?(파라미터 준비물)

  • 어떤 이벤트에 걸거야?
  • 어떤 행동을 해줄거야?(함수)

• 컴포넌트가 죽는다 : 돔 객체도 없어지는 것
  so, 컴포넌트 사라지기 전에는 Event Listener 구독 해제하기(ComponentWillUnMount에서!)