[React.js] useLayoutEffect vs useEffect

- useLayoutEffect

1. 동기적

2. 컴포넌트 렌더링 직후

3. 화면 업데이트 전

4. 성능 이슈 발생 가능성

5. DOM 요소 크기, 위치 계산 및 렌더링 결과 바로 접근 필요시 사용

 

 

- useEffect

1. 비동기적

2. 컴포넌트 렌더링 후 실행