AI 분석
표의 행을 클릭하면 그 자리에서 편집 폼으로 펼쳐지고 나머지 행은 흐려지는 인라인 편집 인터랙션이다.
밝은 배경 위에 아이콘이 붙은 헤더와 얇은 구분선을 가진 3열 지출 표가 단일 칼럼으로 놓인다. 굵은 검정 항목명과 회색 보조 텍스트, 흐린 통화 기호로 위계를 나누고 색은 무채색만 사용한다. 행 끝의 연필 아이콘을 누르면 해당 행이 라벨과 둥근 입력 필드 3개, 취소·완료 버튼을 가진 폼으로 펼쳐지고 주변 행은 블러 처리되어 초점이 모인다. 완료를 누르면 값이 반영된 채 표로 접히며, 다른 행도 같은 방식으로 편집된다. 모달 없이 맥락을 유지하는 표 편집 패턴의 참고로 유용하다.
minimal · light-mode · monochrome
claude-opus-5-5 · 2026-10-21 16:15 · 신뢰도 0.75
