📚 Reference

• 공식 문서 1

📜 Chapter

useCallback

useInsertionEffect

useEffect

useLayoutEffect

• useLayoutEffect
• useLayoutEffect는 component들이 render 된 후 실행되며, 그 이후에 paint가 된다.
• 이 작업은 동기적(synchronous)으로 실행 된다.
• paint가 되기 전에 실행되기 때문에 DOM을 조작하는 코드가 존재하더라도 사용자는 깜빡임을 경험하지 않는다.
• useLayoutEffect는 성능에 부정적인 영향을 줄 수 있다. 가능하면 useEffect를 사용하는 것이 좋다.