! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

flex sheet data 로딩 시간 줄이는 방법 > Q&A | 토론

본문 바로가기

VueJS flex sheet data 로딩 시간 줄이는 방법

페이지 정보

작성자 슈아이거 작성일 2023-10-06 08:51 조회 232회 댓글 0건
제품 버전 : 5.20231

본문

안녕하세요 flex sheet 에 데이터를 로드 하는데 시간이 오래 걸립니다. 

만 건 정도 로드 하는데 10초 정도 걸리는데 혹시 시간을 줄이는 방법이 있는지요?

아니면 데이터를 쪼개서 sheet 로 나눠서 올릴 수 있는 방법이 있는지 궁금합니다.  

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

1 답변

VueJS Re: flex sheet data 로딩 시간 줄이는 방법

추천0 이 글을 추천하셨습니다 비추천0

페이지 정보

작성자 GCK루시 작성일 2023-10-10 17:06 댓글 0건

본문

안녕하세요 그레이프시티입니다.


10,000 행에 * 6 열 정도 설정하여 테스트했을 때 문의하신 현상이 저희 쪽에서 재현이 되지 않아 정확한 원인파악이 어려운 상황입니다. 다만 FlexSheet에서 시트 추가 혹은 셀 데이터 설정의 경우 FlexSheet 새로고침이 발생하며 여러 번의 새로고침이 발생하는 경우 성능이 저하될 수 있습니다. 


이를 해결하기 위해 FlexSheet의 deferUpdate 메서드를 사용하여 모든 작업이 적용될 때까지 FlexSheet가 새로고침이 발생되지 않게 처리하여 FlexSheet의 성능을 향상시킬 수 있습니다. 아래 저희 데모를 공유드리오니 참고 부탁드립니다. 


데모에는 setCellData를 이용하여 셀 값을 지정할 때 deferUpdate 안에서 처리하고 있는 것을 확인하실 수 있습니다.


- 언바운드 데모


더불어 FlexSheet는 FlexGrid 클래스를 확장하여 설정된 클래스입니다. 이에 따라 FlexGrid에서 퍼포먼스 이슈가 발생 시, 개선방안에 대한 포럼 글을 공유드리오니 참고 부탁드립니다.


- FlexGrid 속도 개선 방법


만일 추가적인 이슈가 발생할 경우, 저희 쪽으로 재현 가능한 샘플을 공유해주신다면 재현 및 디버깅 후 안내드리도록 하겠습니다.


- deferUpdate API 문서


관련 API 문서를 공유드리며 다른 궁금한 점이 생기면 문의주시기 바랍니다.


감사합니다.

그레이프시티 드림

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.