useEffect를 첫화면 이후에 실행시켜주는 hook

useEffect(()=>{},[])

위의 경우 페이지 로드 시 한 번 실행시켜 주는 useEffect내용인데 아래와 같이 훅을 만들어 사용하면 처음은 실행되지 않고 이후 한번 실행되도록 설정이 가능합니다.

export function useDidMountEffect(func, deps) {
  const didMount = useRef(false);

  useEffect(() => {
    if (didMount.current) func();
    else didMount.current = true;
  }, deps);
}

코드가 쉬워 훅으로 만들어 쓰면 편안하지만, 다만 쓸 일이 자주 없습니다.