VibeGrid Product Lab

한 포트 검증 허브

Grid Lab, Bench, Compatibility를 하나의 흐름으로 묶어 업무형 grid의 행 선택 UX, 대용량 성능, IBSheet 대체 가능성을 빠르게 검증할 수 있게 만들었습니다.

BenchVirtualized rows100,000 rows

VibeGrid 성능 벤치 랩

실제 업무형 기능을 더 붙이기 전에 대량 데이터에서 스크롤과 sticky 동작이 어디까지 버티는지 먼저 확인하는 공간입니다. 지금은 row virtualization에 집중하고, 다음 슬라이스에서 pinned column과 shadow 레이어를 더 정교하게 다듬습니다.

총 데이터
100,000
현재 표시 범위
-
실제 렌더 수
0
Overscan
8
No
사번
이름
부서
직급
사용
정렬

Benchmark sample rows

[
  {
    "rowKey": "row-1",
    "employeeNo": "EMP000001",
    "employeeName": "Employee 1",
    "department": "People Platform",
    "jobTitle": "Lead",
    "useYn": "Y",
    "sortOrder": 1
  },
  {
    "rowKey": "row-2",
    "employeeNo": "EMP000002",
    "employeeName": "Employee 2",
    "department": "HR Operations",
    "jobTitle": "Staff",
    "useYn": "Y",
    "sortOrder": 2
  },
  {
    "rowKey": "row-3",
    "employeeNo": "EMP000003",
    "employeeName": "Employee 3",
    "department": "People Platform",
    "jobTitle": "Manager",
    "useYn": "Y",
    "sortOrder": 3
  },
  {
    "rowKey": "row-4",
    "employeeNo": "EMP000004",
    "employeeName": "Employee 4",
    "department": "HR Operations",
    "jobTitle": "Lead",
    "useYn": "Y",
    "sortOrder": 4
  },
  {
    "rowKey": "row-5",
    "employeeNo": "EMP000005",
    "employeeName": "Employee 5",
    "department": "People Platform",
    "jobTitle": "Staff",
    "useYn": "N",
    "sortOrder": 5
  }
]

Bench notes

현재는 row virtualization 중심으로 성능 기준선을 잡고 있습니다.
다음 단계에서는 pinned column과 sticky shadow를 함께 실험합니다.
100,000 rows 시나리오를 바로 전환해 스크롤 체감과 렌더 수를 함께 확인할 수 있습니다.