highlight.js
-
로컬 챗봇 시리즈 #11 — Esc 한 키가 깨끗해야 한다: UI 임시 상태의 우선순위 스택 디자인IT 2026. 5. 9. 23:00
들어가며 — 작은 키 하나의 디자인이 챗봇 전체의 손맛을 좌우한다로컬 챗봇에 다크모드, Cmd-K 명령 팔레트, 코드 하이라이트, 마크다운/수식 렌더, @ 멘션과 / 슬래시 자동완성, 봇 셀렉터 — 작은 UI 장치가 한 묶음 들어갔다. 매일 매 채팅마다 체감하는 것들이라 챗봇이 갑자기 "쓸 만한" 인상으로 변한다.그중에서 디자인이 가장 까다로웠고 결국 가장 만족스러웠던 게 Esc 키 한 키의 동작 정의다. Esc는 모든 사용자가 "취소" 또는 "닫기"의 직관을 가진 키다. 그런데 챗봇에는 동시에 열려 있을 수 있는 임시 상태가 4-5개나 된다 — 모달 오버레이, 명령 팔레트, 자동완성 popup, 스트리밍 응답까지 떠 있을 수 있다. Esc가 어느 것을 먼저 닫아야 사용자가 자연스럽게 느끼는가가 의외로 ..