useEffect와 useLayoutEffect의 실행 시점function App() { const [count, setCount] = useState(0) useEffect(() => { console.log('useEffect', count) }, [count]) useLayoutEffect(() => { console.log('useLayoutEffect', count) }, [count]) function handleClick() { setCount((prev) => prev + 1) } return ( {count} )} 리액트가 DOM을 업데이트useLayoutEffect 실행(동기적)useLayoutEffect의 실행이 종료될 때까지 기다렸다가 페인팅오래걸..