AI 분석
필터·정렬·페이지네이션을 갖춘 라이트 모드 데이터 테이블 컴포넌트를 폭 변화와 코드 뷰어까지 함께 보여주는 화면이다.
흰색 카드 한 장이 회색 배경 위에 놓이고 그 안에서 헤더, 필터 툴바, 표, 페이지네이션 푸터가 단일 칼럼으로 쌓인다. 타이포그래피는 산세리프 한 종에 굵은 제목과 회색 보조 문구로 위계를 만들고, 색은 흰색·회색·검정 중심의 모노크롬에 검은 주요 버튼만 강조로 남긴다. 표는 체크박스 선택 열, 아웃라인 배지 형태의 분류 라벨, 아이콘이 붙은 상태·우선순위 열, 행 말미의 점 세 개 메뉴로 구성되고 드롭다운 필터와 검색 입력, 행 수 선택기가 상단·하단에 배치된다. 후반 프레임에서는 컨테이너 폭을 드래그로 줄이면 열이 접히고 가로 스크롤바가 생기며, 오버레이 모달이 설치 명령 탭과 파일 트리·코드 패널을 어두운 배경으로 보여준다. 밀도 높은 관리형 표의 기본 골격과 반응형 축소 거동을 함께 참고하기에 유용하다.
minimal · light-mode · monochrome
claude-opus-5 · 2026-09-07 06:08 · 신뢰도 0.85
