React의 useEffect와 useLayoutEffect는 문법은 동일하지만 실행 시점에서 결정적인 차이가 있다. 브라우저의 화면 그리기(Paint) 단계와 관련된 두 훅의 동작 원리를 분석하고, 화면 깜빡임(Flicker) 문제를 해결하기 위해 언제 useLayoutEffect를 써야 하는지 정리한다. useEffect vs useLayoutEffect: 실행 시점과 렌더링 최적화React 개발을 하다 보면 99%의 상황에서는 useEffect만으로 충분하다. 데이터 페칭, 구독 설정, 로깅 등 대부분의 부수 효과(Side Effect)는 화면이 그려진 후에 실행되어도 무방하기 때문이다.하지만 간혹 컴포넌트가 렌더링 된 직후에 UI가 미세하게 깜빡거리거나, 위치가 뒤늦게 잡히는 현상을 목격할 때가 ..
