VibeGrid Product Lab

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

그리드 검증 플랫폼

CompatibilityIBSheet8 기준2026-03-16 갱신

IBSheet8 호환성 매트릭스

이 화면은 단순 체크리스트가 아니라 IBSheet8 운영 UX를 기준으로 현재 VibeGrid가 어디까지 올라왔는지, 무엇이 부분 구현 상태인지, 다음 제품 backlog가 무엇인지 비교하는 곳입니다.

구현 완료
8개
구현 완료
부분 구현
7개
부분 구현
다음 단계
0개
다음 단계

Grid Lab

연결됨

실제 업무형 CRUD, 붙여넣기, 저장 번들, public event를 확인합니다.

화면 열기

Bench

연결됨

10k / 50k / 100k 기준에서 실제 VibeGrid 경로와 결합 성능을 확인합니다.

화면 열기

비교 기준으로 사용한 IBSheet8 문서

basic-course.html조회, 저장, 페이지 구조와 기본 이벤트 흐름
header.html헤더, HeaderCheck, 컬럼 제어
init-structure.html필터, 그룹, 트리, 고정 컬럼
on-before-paste.html / on-after-paste.html붙여넣기 전후 lifecycle
on-after-save.html저장 완료 이후 lifecycle
on-after-row-copy.html행 복사 이후 lifecycle

Group Preview

Experimental
인사운영 / 2
보상기획 / 2

Tree Preview

Experimental
본사 / 42
인사본부 / 18
인사운영팀 / 9
보상기획팀 / 9

Pivot Preview

Experimental
인사운영매니저: 120리드: 80
보상기획매니저: 95리드: 70

Tree Runtime MVP

preview helper가 아니라 실제 `VibeGrid` runtime 경로로 tree 렌더를 검증하는 샘플입니다.

runtime partial표시 행 4펼침 2
No
삭제
상태
1정상
본사
42대표이사
2정상
인사본부
18상무
3정상
조직운영팀
9팀장
4정상
보상기획팀
9팀장
기능
IBSheet8 기준
VibeGrid 현재
상태
다음 단계
기준 문서
행 선택 + 범위 선택 + 복사/붙여넣기
업무형 시트 UX에서 범위 선택과 클립보드 작업을 제공
행 선택, 범위 선택, 범위 복사/붙여넣기, overflow 정책까지 구현
구현 완료
drag polish와 event payload 세부 항목 보강
basic-course / on-before-paste / on-after-paste
저장 번들 / 변경 상태 분리
추가, 수정, 삭제 상태를 분리한 저장 구조 제공
inserted / updated / deleted diff bundle과 row state 제공
구현 완료
host callback naming만 추가 정리
basic-course / on-after-save
헤더 메뉴 / 정렬 / 숨김 / 고정 / 폭 초기화
헤더 중심 컬럼 제어
헤더 메뉴에서 정렬, 숨김, 좌우 고정, 폭 초기화 지원
구현 완료
right-click 정책과 indicator 표현 추가 보강
header
in-grid filter row / 조회 경로
헤더 아래 필터 입력과 조회 흐름 제공
text/select/number filter row와 query path 연동 지원
구현 완료
saved filter preset은 추후 제품화
init-structure / basic-course
xlsx import / export / template
업로드, 다운로드, 양식 배포 제공
xlsx export, template, import preview, 헤더 검증까지 지원
구현 완료
server adapter는 추후 분리
basic-course
delete-check 기반 삭제 의도 표시
삭제 대상 표시 후 저장 반영 패턴
delete-check internal column으로 삭제 의도 분리
구현 완료
다른 의미의 선택 체크 컬럼은 별도 기능으로 분리
basic-course
실제 경로 대용량 성능 검증
업무 기능이 결합된 상태의 체감 성능 정보
actual render path row virtualization과 bench 상호작용 지표 제공
구현 완료
latency band를 팀 기준값으로 고정
init-structure
날짜 editor + host date policy
업무 정책을 반영한 날짜 편집 가능
날짜 editor foundation과 host holiday/date policy helper 제공
부분 구현
host 예제와 disabled reason UX 보강
basic-course
행 복사 lifecycle parity
행 복사 이후 public lifecycle 제공
onAfterRowCopy experimental public surface 제공
부분 구현
stable payload naming 정리
on-after-row-copy
붙여넣기 lifecycle parity
onBeforePaste / onAfterPaste 이벤트 제공
onBeforePaste / onAfterPaste experimental public surface 제공
부분 구현
cancel / payload 정책을 stable로 고정
on-before-paste / on-after-paste
저장 lifecycle parity
onAfterSave 저장 완료 이벤트 제공
onAfterSave experimental public surface 제공
부분 구현
host save contract를 stable로 정리
on-after-save
HeaderCheck 전체 체크
헤더 체크로 전체 행 선택/해제
rowCheck internal column과 header all-check 제공
구현 완료
visible row / filtered row 정책 세분화
header
Tree runtime MVP
트리 행 확장/축소와 계층 구조 렌더 지원
실제 VibeGrid runtime 경로에서 tree spec + expanded state + toggle 렌더 제공
부분 구현
selection / range / bench 규칙까지 올려서 runtime 완성도 상승
init-structure
Group / Pivot 계열
그룹, 피벗형 시각화 지원
compatibility lab에서 experimental group/pivot preview 제공
부분 구현
Tree runtime 안정화 이후 group 승격, pivot은 experimental 유지
userGuide/group / userGuide/pivot
IBSheet public event parity
paste/save/copy 관련 이벤트 계약 제공
Grid Lab에서 experimental public event surface와 event log 제공
부분 구현
stable API로 승격할 payload와 네이밍 정리
on-before-paste / on-after-paste / on-after-save / on-after-row-copy