React useEffect

사용이유

모든 렌더링이 완료된 후 or 특정 값이 변경 되었을 때만 실행 되었을때 수행하기에 clean-up(정리함수) 타이머 제거 될 떄 사용.

사용법

useEffect(() => {
//정리하고 싶은 함수 작성
  };
},[감시하고 싶은 값]);

두번째 인자를 통해 조건부로 effect를 발생시킬 수 있다.
즉 두 번째 인자가 변경될 떄에만 함수가 실행 된다.

두번째 인자를 []으로 작성시 mount를 하거나 unmount할 때에만 실행 시킬 수 있다.

출처: https://ko.reactjs.org/docs/hooks-reference.html#cleaning-up-an-effect