⇨ useEffect와 useLayoutEffect의 차이를 알기 전,render : Dom Tree를 구성하기 위해 각 엘리먼트의 스타일 속성을 계산하는 과정paint : 실제 스크린에 Layout을 표시하고 업데이트하는 과정 useEffectuseEffect는 컴포넌트들이 render와 paint 된 후 실행 ⇨ 비동기적(asynchronous)이 훅은 브라우저가 화면을 그린 후에 실행 즉, 모든 DOM 업데이트가 완료된 후 비동기적으로 실행되기 때문에, 화면에 그려진 내용에 영향을 주지 않아 성능 저하를 최소화 할 수 있습니다. 다만, 이 때문에 화면에 깜빡이는 현상이 발생할 수 있습니다. 예를 들어, 컴포넌트가 화면에 렌더링된 후에 useEffect 내부에서 상태를 업데이트하면, 업데이터된 상태를..