Ellen's Web Note

react에서 List 무한스크롤을 처리하는데, reacvt-virtualized를 사용하면 리스트에 사용되는 컴포넌트의 렌더링 관리가 가능하다. 기능 설명은 아래에. https://ellen92.tistory.com/56 [React] 컴포넌트 성능 최적화 2500개의 리스트를 출력한다고 가정할 때 기본적인 코드는 아래와 같이 작성하게 된다. import { useState } from "react"; function setArray() { const array = []; for (let i = 1; i { console.log(clientHeight); console.log(clientWidth); return( )}} ) 특정 이벤트에 스크롤을 적용하려면, 스크롤이 움직이는 동안 scrollHeig..

아래의 query로 읽으면 된다. 리스트 전체를가져와 1부터 번호(idx)를 매기고, idx를 조건으로 가져오는 방법. select * from (select row_number() over (order by idx)as sn, * from table ) data where sn between #{start_sn} and #{last_sn} sql.xml파일. select * from (select row_number() over ) data where sn between #{start_sn} and #{last_sn} (order by idx)as sn, * from table 페이징처리도 하지만 동일한 리스트를 엑셀파일로 다운받는 경우, 부분출력 또는 전체 출력도 해야하기 때문에 start_sn과 l..