리액트 애플리케이션에서 성능 저하를 가장 체감하기 쉬운 순간은 수천, 수만 개의 데이터를 리스트로 렌더링할 때입니다. 브라우저가 수만 개의 DOM 노드를 한꺼번에 생성하고 관리하는 것은 메모리와 CPU에 엄청난 부담을 주기 때문입니다.이 문제를 해결하는 시니어 개발자의 무기, 윈도잉(Windowing) 혹은 가상 리스트(Virtual List) 기법에 대해 알아보겠습니다.1. 왜 대량의 리스트는 느릴까?우리가 10,000개의 아이템이 담긴 배열을 단순하게 .map()으로 렌더링하면 다음과 같은 문제가 발생합니다.초기 로딩 지연: 10,000개의 DOM 요소를 만드는 데 시간이 오래 걸립니다.메모리 점유: 브라우저가 만 개의 노드를 메모리에 들고 있어야 하므로 램 사용량이 급증합니다.스크롤 성능 저하: 스..