useLayoutEffect1 useEffect와 useLayoutEffect useEffect와 useLayoutEffect useEffect는 데이터 가져오기, 구독 설정, 이벤트리스너 등록 등 브라우저 페인팅 후에 실행해도 되는 작업에 적합한 훅이며, 렌더링 결과가 브라우저에 그려진 후 비동기적으로 실행된다. 비동기적으로 실행되기 때문에 렌더링 성능에 영향을 덜 미친다.import React, { useEffect } from "react";const exampleFunction = () => { useEffect(() => { console.log("컴포넌트 렌더링 후 실행"); // api 호출, 이벤트리스너 등록 등의 작업 return () => { console.log("컴포넌트 언마운트되거나 업데이트되기 전 실행"); .. 2024. 6. 15. 이전 1 다음
