UX패턴2 자동완성 드롭다운 (바닐라JS, 페이지네이션, UX패턴) 운영자 4명이 동시에 항의 메일을 보내온 날, 저는 제가 얼마나 틀렸는지를 실감했습니다. 무한 스크롤을 구현하고 뿌듯해하던 게 불과 사흘 전이었는데, 그날 이후로 저는 '편한 UI'와 '쓰기 좋은 UI'가 다르다는 걸 몸으로 배웠습니다. 이 글은 그 경험에서 출발합니다.바닐라JS로 자동완성 드롭다운 만들기자동완성 기능은 구현 자체는 단순합니다. 프레임워크 없이 순수 바닐라 JavaScript만으로도 충분히 만들 수 있습니다. 제가 직접 써봤는데, 핵심은 이벤트 리스너(Event Listener)를 input 요소에 거는 것입니다. 여기서 이벤트 리스너란 특정 동작이 발생했을 때 실행할 함수를 등록해두는 메커니즘으로, 사용자가 키를 누를 때마다 실시간으로 반응하게 만드는 장치입니다.구현 흐름은 이렇습니다... 2026. 6. 3. AI 통합 함정 (컨텍스트 분기, 신뢰도 패턴, 인텐트 설계) 솔직히 이건 예상 밖이었습니다. 클라이언트 SaaS에 ChatGPT를 붙이고 나서 D7, 즉 출시 7일 차에 "왜 이런 답이 나왔지?"라는 컴플레인이 12건이나 쌓였을 때, 처음엔 모델 문제인 줄 알았습니다. 그런데 원인은 전혀 다른 곳에 있었고, 그걸 알게 된 건 AI UX 설계를 다룬 한 발표 영상 덕분이었습니다. 5년 차 프리랜서로 일하면서 ChatGPT 통합 관점이 이렇게 크게 바뀐 건 처음이었습니다.챗봇을 붙이면 끝이라고 생각했습니까저도 처음엔 그렇게 생각했습니다. AI 기능을 붙이는 일은 그냥 챗 UI(Chat UI)를 심는 것, 즉 입력창 하나에 LLM 응답을 출력하는 구조로 충분하다고 봤습니다. 여기서 챗 UI란 사용자가 자연어로 질문하고 AI가 실시간으로 응답하는 대화형 인터페이스를 말합.. 2026. 5. 13. 이전 1 다음
