← Works로 돌아가기
AI
AI 꿈지기 챗봇
교육·지원 안내용 챗봇 UI를 만들고, 백엔드 챗 API와 연동해 추천 질문·스트리밍·마크다운 응답까지 화면에서 완성했습니다.
역할
Frontend — 챗봇 위젯 UI 및 챗 API 연동
스택
- Next.js
- TypeScript
- React
- Markdown
- FastAPI 연동
한 일
- 플로팅 챗 UI, 추천 질문, 로딩·전송 상태까지 사용자 흐름 설계
- 응답 마크다운 렌더링으로 안내 문장을 읽기 쉽게 표시
- 팀의 RAG·라우팅 구조를 이해한 뒤 화면과 안전하게 연결
- AI가 만든 초안을 타입·동작 검증으로 마무리하는 협업 방식
성과
- 교육 포털 사용자웹에 AI 안내 접점을 실제 화면으로 붙임
- 에이전트/챗봇과 프론트가 만나는 UX 패턴을 확보