useEffect랑 useLayoutEffect 둘 중 useLayoutEffect 먼저 화면에 랜더링 된다.
useLayoutEffect??
useEffect와 비슷한 역할을 한다.
useEffect는 보통 화면이 랜더링 된 후 실행이 되지만,
useLayoutEffect는 화면의 리사이징, 즉 레이아웃의 변환을 감지하는 Effect이다.
정리하자면
- useEffect -> 화면이 완전히 바뀌고 난 후 발생
- useLayoutEffect -> 화면이 바뀌기 전 발생
반응형
'React > 기능' 카테고리의 다른 글
| [React] 컴포넌트 합성 (1) | 2022.10.21 |
|---|---|
| [React] react-router-dom 사용하기 (1) | 2022.10.05 |
| [React] useRef (0) | 2022.02.08 |
| [React] useEffect (0) | 2022.02.08 |
| [React] useState (0) | 2022.02.08 |