reopt designreopt design
DocsExploreToolsPricingBuilder
로그인
Explore/
opt-ui170opt-charts35opt-datagrid6opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
Overview170Core59Shells80Blocks31
reopt designreopt design

AI 시대를 위한 디자인 시스템

  • 문서
  • 가격
  • 릴리즈 노트
  • GitHub
  • 소개
  • 문의
  • 서비스 약관
  • 개인정보처리방침

주식회사 리옵트사업자등록번호 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/셸/LogTable

LogTable

셸

계속 도착하는 로그용 윈도잉 테이블. 컬럼 정의 기반, 상단 삽입 시 스크롤 위치 보존, follow 상태 보고, 셀 값 즉시 필터, 밀도·정렬을 지원합니다.

data
관련 문서
npx @reopt-ai/opt-cli surface add log-table
100%

Windowed log

Sixty rows, only the visible ones in the DOM. Hover a cell in a column that names a field to filter for or against its value.

Level
Service
Message
ms
12:00:00
info
api
—
0
12:00:07
warn
worker
handled request 1001
37
12:00:14
error
web
handled request 1002
74
12:00:21
info
api
handled request 1003
111
12:01:28
warn
worker
handled request 1004
148
12:01:35
error
web
—
185
12:01:42
info
api
handled request 1006
222
12:01:49
warn
worker
handled request 1007
259
12:02:56
error
web
handled request 1008
296
12:02:03
info
api
handled request 1009
333
12:02:10
warn
worker
—
370
12:02:17
error
web
handled request 1011
407
12:03:24
info
api
handled request 1012
444
12:03:31
warn
worker
handled request 1013
481
12:03:38
error
web
handled request 1014
518
12:03:45
info
api
—
555
12:04:52
warn
worker
handled request 1016
592
12:04:59
error
web
handled request 1017
629
12:04:06
info
api
handled request 1018
666
12:04:13
warn
worker
handled request 1019
703
12:05:20
error
web
—
740
12:05:27
info
api
handled request 1021
777
12:05:34
warn
worker
handled request 1022
814
12:05:41
error
web
handled request 1023
851
12:06:48
info
api
handled request 1024
888
12:06:55
warn
worker
—
25
12:06:02
error
web
handled request 1026
62
12:06:09
info
api
handled request 1027
99
12:07:16
warn
worker
handled request 1028
136
12:07:23
error
web
handled request 1029
173
12:07:30
info
api
—
210
12:07:37
warn
worker
handled request 1031
247
12:08:44
error
web
handled request 1032
284
12:08:51
info
api
handled request 1033
321
12:08:58
warn
worker
handled request 1034
358

That is every entry in this range.

No cell action yet.

Density

Pick a row height

Time
Level
Service
Message
ms
12:00:00
info
api
—
0
12:00:07
warn
worker
handled request 1001
37
12:00:14
error
web
handled request 1002
74
12:00:21
info
api
handled request 1003
111
12:01:28
warn
worker
handled request 1004
148
12:01:35
error
web
—
185
12:01:42
info
api
handled request 1006
222
12:01:49
warn
worker
handled request 1007
259
12:02:56
error
web
handled request 1008
296
12:02:03
info
api
handled request 1009
333
12:02:10
warn
worker
—
370
12:02:17
error
web
handled request 1011
407
12:03:24
info
api
handled request 1012
444
12:03:31
warn
worker
handled request 1013
481
12:03:38
error
web
handled request 1014
518
12:03:45
info
api
—
555
12:04:52
warn
worker
handled request 1016
592
12:04:59
error
web
handled request 1017
629
12:04:06
info
api
handled request 1018
666
12:04:13
warn
worker
handled request 1019
703

That is every entry in this range.

Empty

Time
Level
Service
Message
ms

Nothing in this range.

테스트 커버리지

2026년 7월 9일

생성된 테스트 결과를 찾지 못했습니다.

LogTable 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

관련 컴포넌트

DomainTable

도메인 테이블. Composite 기반 그리드로 키보드 탐색 지원.

데이터

DataTable

제네릭 데이터 테이블. 동적 컬럼, 결측값 안전 정렬, 키보드 컬럼 리사이즈, 보정된 인라인 진행률과 Composite 탐색을 지원합니다.

데이터

QueryResultsTable

쿼리 결과 테이블. SQL 결과와 스크린 리더에 안내되는 로딩, 에러, 빈 상태를 지원합니다.

데이터

WidgetGrid

위젯 그리드. react-grid-layout 래퍼로 드래그/리사이즈 가능한 대시보드 위젯을 배치합니다.

데이터

TreeTable

계층형 트리 테이블. 재귀 행 렌더링 + 펼침/접기 셰브론.

데이터

InlineEditTable

인라인 편집 테이블. 더블클릭으로 셀 편집, Enter 확정, Escape 취소.

데이터
이전TimeSeriesPanel다음QueryBar

기본 사용

도메인 관리

DomainStatusSSLRedirectAdded
example.comActiveValid—2024-01-15
www.example.comActiveValidexample.com2024-01-15
api.example.comActiveValid—2024-02-01
staging.example.comPendingPending—2024-03-01
old.example.comErrorExpired—2023-06-01

기본 사용

사용자 목록

이름이메일역할상태완료율
김철수kim@example.comAdmin활성0.82
이영희lee@example.comEditor활성1.2
박민수park@example.comViewer비활성—
최지은choi@example.comEditor활성-0.15
정우성jung@example.comViewer활성0.46

헤더를 눌러 정렬하고, 컬럼 경계에 포커스한 뒤 ←/→(Shift는 40px)로 너비를 바꿀 수 있습니다. 완료율은 범위를 벗어나거나 NaN이어도 0–100% 사이로 안전하게 표시됩니다.

빈 상태

빈 테이블

등록된 사용자가 없습니다
#user_ideventtimestampproperties
1usr_001page_view2026-02-05 10:23:01{"path":"/home"}
2usr_002click2026-02-05 10:23:05{"button":"signup"}
3usr_001purchase2026-02-05 10:24:12{"amount":49}
4usr_003page_view2026-02-05 10:25:00{"path":"/pricing"}
4 row(s)

쿼리를 실행하고 있습니다...

warehouse connection timed out

조건에 맞는 결과가 없습니다

Widget A
Widget B
Widget C
NameSizeType
src
—
folder
index.ts
2.1 KB
file
utils
—
folder
package.json
1.2 KB
file
NameEmail
Alicealice@example.com
Bobbob@example.com