VueJS 대용량 데이터에 대한 엑셀 Export 속도의 향상 건
페이지 정보
작성자 머디 작성일 2023-02-13 18:46 조회 1,368회 댓글 0건본문
관련링크
안녕하세요.
현재 대용량 데이터를 불러와 그리드에 출력하는 화면을 작업 중인데, 요구사항에 따라 엑셀 export를 구현하게 되었습니다.
이 화면에는 페이징 처리가 되어있습니다만, 엑셀 출력을 위해서는 페이징 처리를 일시적으로 해제해야 하는 상황입니다.
대용량 데이터는 최소 10개 col, 3000 row의 데이터를 기준으로 하고 있습니다. (실제 데이터는 10000 row를 넘어서기도 하는 상황입니다.)
참고 : https://www.grapecity.com/forums/wijmo/download-to-excel-while-using-pagination
우선은 위 링크의 답변을 참고하여 엑셀 export 작업을 구현했는데요,
전체 데이터 row 수가 많을 수록 엑셀 출력까지의 시간이 너무 오래 걸리고 또 출력 작업의 진척도를 확인하기가 어려워 사용자에게는 프리징된 화면으로만 보이는 상황입니다.
이따금 메모리 부족으로 인해 실행이 멈추기도 하고요.
우선은 전체 페이지에 대한 렌더링 작업이 엑셀 변환 전에 선행되기 때문에 오래 걸리게 되는 게 아닐까 추측 중입니다.
Q1. Flex Grid에서의 excel export 시, 그리드 렌더링 작업을 건너뛰고 처리가 가능한가요? (CollectionView 혹은 변환 전의 JSON DATA만을 사용하는 등)
Q2. 1의 방법이 불가능하다면, 아래 사항의 구현이 가능한가요?
a) 대용량 데이터에 대한 그리드 렌더링 속도 자체를 개선하는 것
b) 엑셀 Export 작업의 진척도를 화면 상에 표시하는 것
c. 엑셀 export 작업이 지나치게 오래 걸릴 경우, 사용자의 입력(X 버튼 등)을 통해 중단하는 것
댓글목록
등록된 댓글이 없습니다.