AI 분석
다크 모드 CRM 데이터 그리드에서 열과 행을 드래그로 재배치하고 열 폭을 조절하는 인터랙션을 보여준다.
좌측 고정 사이드바 내비와 우측 전체 폭 데이터 그리드로 구성된 2단 앱 레이아웃이다. 거의 검정에 가까운 배경 위에 얇은 구분선과 낮은 채도의 회색 텍스트를 쓰고, 상태 태그와 계정 아이콘에만 채도 높은 색을 남겨 고대비 다크 화면에서도 밀도가 답답하지 않게 정리된다. 열 헤더를 잡아 좌우로 옮기면 나머지 열이 밀려나며 자리를 내주고, 헤더 경계에는 리사이즈 핸들이, 행 좌측에는 드래그 핸들이 나타나 행 순서까지 바꿀 수 있으며 이동 중인 행과 열은 반투명 고스트로 따라붙는다. 하단에는 열마다 집계 값을 보여주는 요약 바가 고정된다. 고밀도 표를 다루는 SaaS 관리 화면에서 드래그 재배치와 열 리사이즈의 상태 표현을 설계할 때 참고할 만하다.
dark-mode · minimal · high-contrast · techy
claude-opus-5 · 2026-09-07 16:07 · 신뢰도 0.82
