useEffect

1.재 렌더링 마다 코드를 실행 시키고 싶을 때

useEffect(()=>{실행 시킬 코드})

2. 마운트 시 코드를 1회만 실행 시키고 싶을 때

useEffect(()=>{실행 시킬 코드}, [변수 or state])

3. 언 마운트 시 코드를 1회만 실행 시키고 싶을 때

useEffect(()=>{
    그 다음에 여기 코드 실행
  return ()=>{
    여기 적은 코드 먼저 실행 (clean up function 이라고 부른다)
  }
}, [변수 or state])

clean up function에는 타이머제거, socket 연결요청제거, ajax요청 중단 이런 코드를 많이 작성한다.