유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

useEffect 최악 실수 타이밍 때문에 망합니다!

가장 쉬운 웹개발 with Boaz

2025. 10. 7.

0

#frontend
  • useEffect는 커밋 페이지 직후에 동기적으로 실행되지 않고, 스케줄러에 의해 브라우저 페인트 완료 후와 같은 적절한 비동기 타이밍에 실행됩니다. ⏳
  • 이러한 비동기적 특성 때문에, 즉각적이고 동기적인 처리가 필요한 '돈 관련 작업'과 같은 중요한 로직은 useEffect 안에서 수행하기에 적합하지 않습니다. 💸
  • 커밋 페이지 직후에 동기적으로 실행되는 것은 useLayoutEffect입니다. ⚡
  • 따라서 DOM 측정이나 브라우저 페인트 이전에 DOM을 수정하는 등 즉각적인 동기적 실행이 필요한 작업에는 useLayoutEffect를 사용해야 합니다. 🛠️
  • useEffect 내부에 등록하는 콜백 함수는 React 팀이 'create'라고 명명한 것으로 확인됩니다. 🏷️

Recommanded Videos