React

useMountEffect

작성일: 2026. 3. 2.수정일: 2026. 3. 2.

TypeScript

React

마운트 직후 콜백 함수를 한 번만 실행하는 훅입니다. 마운트 로직을 명시적으로 분리하고 싶을 때 사용합니다.

구현

import { useEffect } from 'react';

export function useMountEffect(callback: () => void): void {
  useEffect(() => {
    callback();
  }, []);
}

function Component() {
  useMountEffect(() => {
    console.log('마운트됨');
    fetchInitialData();
  });

  return <div>...</div>;
}

useKeyDownEffect

useOutsideClickEffect