살린 · AI Talker · 2025.01 ~ 2025.08
답변은 이어서 나오고, 읽던 자리는 그대로
AI 챗봇 사용자 서비스·운영 CMS 구축
고객사용 AI 챗봇 사용자 서비스와 운영자용 CMS의 프론트엔드를 구축했습니다.
- 문제
- 답변 생성 시간을 빈 화면으로 기다리지 않게 하고, 긴 대화 이력을 불러와도 읽던 위치를 유지해야 했습니다.
- 결정
- 스트림 처리 패턴으로 답변을 순차 반영하고, 이전 대화를 불러올 때 추가된 높이만큼 스크롤 위치를 보정했습니다.
- 결과
- 고객사가 지식 파일과 응답 설정을 직접 관리하게 했고, 사용자 서비스와 CMS를 실제 운영했습니다.
결과 근거: 이력서 기재 내용. 이력서에 정량 결과는 적혀 있지 않습니다.
구조
- 대화 화면 · 임시·화면 계산
- 스트림 응답 처리 · 확정
질문. 답변 생성 시간을 빈 화면으로 기다리지 않도록 스트림 처리·응답 상태 관리 패턴을 적용합니다.
범례
- 임시·화면 계산
- 확정
- 문제 발생
- 대기
- 복구
판단
답변을 어떻게 보여 줄 것인가
스트림으로 순차 반영
AI 설문 MVP에서 검증한 스트림 처리·응답 상태 관리 패턴을 적용해 OpenAI Assistants의 답변을 대화 화면에 순차로 반영했습니다.
선택하지 않음 · 답변이 끝난 뒤 한 번에 표시 — 답변 생성 시간을 빈 화면으로 기다리게 됩니다.
이전 대화를 불러올 때 읽던 위치를 어떻게 유지할 것인가
추가된 높이만큼 스크롤 위치를 보정
이전 대화가 위에 붙어도 사용자가 읽던 지점이 그대로 유지됩니다.
문제와 해결
문제
긴 대화 이력을 불러와도 사용자가 읽던 위치를 유지해야 했습니다.
해결
이전 대화를 불러올 때 추가된 높이만큼 스크롤 위치를 보정했습니다. 관련 글에 과정을 정리했습니다.
이력서 원문
OpenAI Assistants의 답변을 스트림으로 순차 반영하고 이전 대화를 불러올 때 읽던 위치를 유지했으며, 고객사가 지식 파일과 응답 설정을 직접 관리하는 CMS를 함께 만들었습니다.
문제
고객사 콘텐츠를 근거로 답변하는 AI 챗봇과, 운영자가 프롬프트·모델·지식 베이스·사용량을 직접 관리하는 CMS가 함께 필요했습니다. 답변 생성 시간을 빈 화면으로 기다리지 않게 하고, 긴 대화 이력을 불러와도 읽던 위치를 유지해야 했습니다.
기여
AI 설문 MVP에서 검증한 스트림 처리·응답 상태 관리 패턴을 적용해 OpenAI Assistants의 답변을 대화 화면에 순차 반영했습니다. 이전 대화를 불러올 때는 추가된 높이만큼 스크롤 위치를 보정해 사용자가 읽던 지점을 유지했습니다. CMS에는 파일·벡터 스토어, 프롬프트·모델 설정, 콘텐츠 생성, 방문·대화·비용 통계를 구현했습니다.[관련글]
결과
챗봇 응답과 운영 설정을 하나의 제품으로 배포해 고객사가 지식 파일과 응답 설정을 직접 관리하게 했습니다. 사용자 서비스와 CMS를 실제 운영했고, 무료 플랜에는 응답 횟수를 기준으로 광고를 노출하는 정책을 연결했습니다.