event-handler/useState

• 리스트 렌더링

• CSS
  인라인 CSS
  CSS Module
  Styled-components
  tailwind

• 디버깅

• Event
  이벤트 핸들러 :이벤트가 발생되면 실행되는 코드 블럭
  이벤트 리스닝:이벤트를 듣는 매서드

const buttonClickHandler=()=>{
console.log(“event occurs“)
}

• HTMLButtonElement

• useState
  State,props => 값이 바뀔 때마다 컴포넌트 업데이트

컴포넌트 내의 로컬 변수들은 컴포넌트 업데이트를 해주지 않음
=> 컴포넌트 업데이트를 위한 방법 중 하나가 state

State를 잘못 쓰면 리렌더링이 많이 일어날 수 있음

State as a snapshot