Dandy Now!
  • [ 언어·프레임워크/React.js ]
    [React.js] `useEffect`와 `useLayoutEffect`의 차이: 깜박임 현상과 중간 값 노출
    2025-05-23 01:18:24
    React에서 useEffect와 useLayoutEffect의 차이: 깜박임 현상과 중간 값 노출React 애플리케이션을 개발하다 보면 useEffect와 useLayoutEffect라는 두 가지 훅을 자주 만나게 된다. 두 훅 모두 컴포넌트 렌더링 후 특정 작업을 수행하는 데 쓰이지만, 실행 시점에 미묘하지만 중요한 차이가 있다. 이러한 차이는 특히 상태값이 연속적으로 빠르게 변경될 때 "화면 깜박임"이나 "중간 값 노출"과 같은 시각적인 현상으로 나타난다.이번 포스팅에서는 간결한 예제를 통해 두 훅의 동작 방식과 그 차이를 명확하게 이해한다.useEffect와 useLayoutEffect는 무엇인가?useEffect는 React의 모든 DOM 업데이트가 완료된 후, 그리고 브라우저가 화면을 그린 후..