VibeGrid Product Lab

업무형 grid의 행 선택 UX, 대용량 성능, 공통 사용 가능성을 빠르게 검증할 수 있게 만들었습니다.

그리드 검증 플랫폼

P5 기준선실제 VibeGrid 경로행 가상 스크롤 활성화

Vibe Grid 성능 벤치

렌더 경로에서 고정 컬럼, 스티키 헤더, 필터 행, 범위 선택, 가상 스크롤이 함께 켜진 상태를 측정합니다. 단순한 리스트 벤치마크가 아니라, 기능이 결합된 실제 제품 셸이 부하 상황에서도 반응성을 유지하는지 확인합니다.

필터 행 = 조회 경로삭제 체크 = 삭제 경로수정 / 붙여넣기 = 수정 경로
가공 후 표시 행 수
10,000
행 물질화
0.0 ms
필터 + 정렬
112.1 ms
예상 셀 수
60,000
선택 상태
셀 row-1 / employeeNo
업무 컬럼 고정 수
L 1 / R 0
현재 행 높이
42px
밀도
기본
필터 행
활성화
편집 진입 방식
더블클릭
수정 행 수
0
삭제 행 수
0
시나리오 전환
-
선택 반응
-
필터 반응
-
정렬 반응
-
컬럼 반응
-
붙여넣기 정책
거부 / 수정 가능 셀만
No
삭제
상태
이 패널은 10k / 50k / 100k 행 기준에서 실제 제품 경로를 검증합니다. 필터 행은 조회, 삭제 체크 컬럼은 삭제 의도, 인라인 수정과 붙여넣기는 수정 의도를 확인하는 용도입니다. 각 상호작용 후 상단 지표 카드가 함께 갱신되어야 합니다.
필터 행으로 조회하고, 셀을 직접 수정하거나 붙여넣은 뒤, 저장 번들을 생성해 실제 CRUD 비용을 확인하세요.
벤치 붙여넣기 결과
아직 붙여넣기 결과가 없습니다.
벤치 저장 번들 미리보기
아직 저장 번들을 생성하지 않았습니다. 셀을 수정하거나 삭제 체크를 토글한 뒤 번들을 생성하세요.