• 목록

✅ 상태 변경 후 작업이 필요할 땐 useEffect를 써야 깔끔하다

setState 이후 처리, 이 패턴이면 충분하다

setState는 비동기라서,
바로 다음 줄에서 값을 확인하면 이전 값일 수 있다:

setSaved(true);
// 이 시점엔 아직 saved가 true가 아닐 수 있음

✅ 해결: useEffect로 후속 작업 분리

const [saved, setSaved] = useState(false);

useEffect(() => {
  if (!saved) return;
  toast("저장 완료");
  setSaved(false);
}, [saved]);

이렇게 하면 상태 변경을 감지해서
딱 한 번만 후처리 실행할 수 있다.

✔️ 깔끔하고 안전한 후속 처리 방식.
타이밍 꼬임 없이 확실하게 작동한다.