'react-virtualized' 태그의 글 목록

2500개의 리스트를 출력한다고 가정할 때 기본적인 코드는 아래와 같이 작성하게 된다. import { useState } from "react"; function setArray() { const array = []; for (let i = 1; i { const [arr, setArr] = useState(setArray); return ( {arr.map((obj, idx) => ({obj.num}))} ); }; export default App; 화면에는 10개의 데이터만 보이지만 실제로 2500개의 리스트가 한번에 렌더링되고, 불필요한 렌더링이 반복되면 프로그램이 느려지게 된다. 이럴 때 불필요한 리렌더링을 방지하는, 성능을 최적화하는 작업이 필요. 컴포넌트가 리렌더링 되는 경우는, 1. 전달..