제4장: 데이터 그리드 및 편집
안내: 이 장에서는 대용량 결과를 메모리 부하 없이 초고속으로 탐색하는 가상 그리드, 셀 직접 수정, 멀티미디어 BLOB 확인 및 데이터 내보내기 기능을 설명합니다.
4.1 가상 스크롤 데이터 그리드
수십만 건의 레코드도 메모리 과부하 없이 60fps로 매끄럽게 렌더링됩니다.
- 정렬 및 다중 필터링: 열 헤더 클릭을 통한 빠른 정렬 및 고급 조건 필터.
- 열 고정 (Pin Column): 중요한 식별자(
id,uuid등) 열을 좌측에 고정하여 편리하게 비교.
4.2 인플레이스 직접 편집 및 커밋
그리드의 셀을 더블클릭하여 값을 즉시 수정할 수 있습니다.
- 수정된 셀은 노란색으로 강조 표시되며 대기 상태가 됩니다.
- 여러 행의 데이터를 일괄 수정한 후 **변경사항 반영(Commit Changes)**을 누릅니다.
- 생성된
UPDATE쿼리 목록을 최종 검토한 후 승인하면 서버에 반영됩니다. - 되돌리기(Revert) 버튼으로 언제든지 수정을 취소할 수 있습니다.
4.3 JSON 및 BLOB 미디어 뷰어
- JSON 열: 구조화된 트리 뷰, 구문 강조, JSONPath 검색 지원.
- 이미지 및 BLOB: 이미지(PNG, JPEG, WebP)를 즉시 미리보기하며, Hex 덤프 편집기도 지원.
4.4 데이터 내보내기
- CSV / TSV: 구분자 및 인코딩(UTF-8 등) 지정 가능.
- JSON: 오브젝트 배열 또는 키-값 형식.
- SQL INSERT / UPDATE: 배치 삽입 스크립트로 생성.