프로젝트 목록PROJECT / CASE STUDY
가비아 · 프론트엔드 개발자
STT
말하는 흐름을 글로 이어주는 실시간 음성 입력
2026.02 — 2026.04
- TypeScript
- React
- Lexical
- Python
- FastAPI
- WebSocket
주요 기여
- 음성 전송과 인식 결과 수신을 위한 실시간 연결 구현
- 중간 결과와 확정 결과를 구분해 편집기 본문에 반영
- 음성 입력 도구·주파수 표시와 AI 요약 결과 삽입 흐름 개발
어떤 문제에서 시작했나요?
편집기에 음성 입력을 연결해야 했지만 사용할 인식 서버가 없었어요. 음성 인식 서버와 브라우저의 입력 흐름을 함께 개발했어요.
어떤 선택을 했나요?
녹음이 모두 끝날 때까지 기다리지 않고 중간 결과를 보여주도록 했어요. 확정 전 결과와 확정된 문장을 구분해서, 계속 바뀌는 텍스트를 사용자가 이해할 수 있게 했어요.
조용한 구간에서 인식 모델이 문장을 생성하는 문제는 서버에서 처리했어요. 화면이 판별할 수 없는 문제를 화면에 떠넘기지 않기 위한 선택이에요.
다음 프로젝트디자인 시스템 사용량 분석