AI 분석
표의 행을 연필 아이콘으로 눌러 그 자리에서 입력 폼으로 펼쳐 편집하는 마이크로 인터랙션이다.
밝은 배경 위에 아이콘 달린 헤더와 얇은 구분선만 있는 3열 지출 표가 단일 칼럼으로 놓인다. 항목명은 진한 굵은 글씨, 결제 수단과 금액은 회색으로 처리하고 통화 기호를 옅게 낮춰 위계를 만든다. 행 끝 연필 아이콘을 누르면 해당 행이 라벨과 둥근 입력 필드 세 개, 취소·완료 버튼을 가진 폼으로 펼쳐지고 나머지 행은 흐려지며 뒤로 물러난다. 완료하면 수정 값이 반영된 표로 다시 접히고, 다른 행도 같은 방식으로 열린다. 모달 없이 맥락을 유지하는 표 편집 패턴과 포커스 블러 처리 참고로 유용하다.
minimal · light-mode
claude-opus-5-5 · 2026-10-16 17:57 · 신뢰도 0.80
