ChatGPT가 자꾸 내 말을 끊어서 직접 토익 스피킹 앱을 만들었다

서론

 

어학 성적이 필요해서 토익 스피킹 시험을 준비하고 있습니다. 평소에 자주 쓰는 AI 에게 도움을 받아 준비했는데, 답답한 점이 생각보다 많았습니다.

 

문제는 제 영어 말하기 속도와 발음이었습니다. 천천히 말하면 ChatGPT 가 제 말이 끝난 줄 알고 답변을 시작해버렸습니다. 한 문장도 다 못 끝냈는데 끼어드니 너무 답답했습니다. Claude 도 시도했는데 한국인 발음이 섞인 영어를 자주 다른 단어로 받아쓰기 했습니다. 저 anthropicationAnthropication은 왜 자꾸 뜨는지 좀 놀림받는 기분이었습니다.

 

 

그리고 두 ai 모두 텍스트 기반 LLM 이라 발음과 억양 평가는 다루지도 못했습니다.(음성을 일반 텍스트로 바꿔서 던져버림)

 

시중 토익 스피킹 앱은 매달 결제해야 해서 학습 보조 도구로는 부담이었습니다. 솔직히 돈 내고 써보려고 했는데 너무 비싸서 못 샀습니다. ㅎ 3만원부터 시작이더라구요.

 

그래서 직접 만들기 시작한 게 토스스(tossu)입니다. 토익 스피킹 모의고사 응시, 본인 음성 다시듣기, AI 채점을 한 곳에 묶어, 내가 어떻게 말했는지 다시 듣고 모범답안과 비교할 수 있게 만듭니다. 이 글은 토스스 v0부터 출시 준비 직전까지, 기능 하나하나가 어떤 필요에서 시작됐는지를 정리한 글입니다.

 

이 글의 대상 독자

• 사이드 프로젝트의 시작점 을 어떻게 잡을지 고민 중인 개발자
• 페인포인트와 기능이 1:1 로 매핑되는 제품이 어떻게 자라는지 보고 싶은 분

 

토스스가 뭔가요?

토익 스피킹 학습 흐름은 단순합니다. 모의고사 응시 - 답변 녹음 - 자기 평가 - 약점 보강. 막혔던 곳은 자기 평가 단계였습니다. 응시한 답변을 본인 음성으로 다시 들어볼 수단이 없어서, 발음, 억양을 머릿속 추측으로만 평가했습니다. 당연히 객관성은 떨어졌습니다. 녹음기를 켜고 모의고사를 풀어도, 문제와 답변이 섞여서 시간마다 북마크를 찍거나 직접 중지 버튼을 눌러야 하는게 귀찮기도 했습니다. 

 

결론은 직접 만들기였습니다. 처음 세운 목표는 한 줄이었습니다. 토익 스피킹 모의고사를 풀고, 학습자 본인 음성을 다시 들을 수 있게 하는 모의고사 시뮬레이터를 만들자!

 

v0: 녹음과 다시듣기

그래서 v0 는 11문항 모의고사 흐름 위에 녹음, 다시듣기 만 얹은 도구였습니다. 채점도 계정 기능도 없었습니다. 자기 목소리를 들을 수만 있으면 됐습니다. 

여기까지가 토스스의 시작이었습니다. 

 

v1: 채점

v0 를 직접 써봤더니 새로운 요구사항이 생겼습니다. 본인 음성을 다시 들어도 내가 잘했는지 모호했습니다. TOEIC 채점 기준을 머릿속에 외워두고 있지 않았으니까요. 그리고 제가 영알못이라 제가 한 채점은 의미도 없었습니다.

 

그래서 채점 기능을 추가했습니다. Gemini API 로 11문항별 점수와 모범답안과 코멘트를 생성하는 채점을 붙였습니다. 한 번 모의고사를 응시하면 외부 API를 22번이나 호출(STT 11회 + Gemini 11회)하는 구조가 됐고, 비용, 지연, 부분 실패 처리가 다음 과제로 줄줄이 따라왔습니다. 이 과정은 따로 정리해보겠습니다.

본인 답변과 모범답안을 한 화면에서 비교해볼 수 있게 된 게 이때부터였습니다.

 

v2: 계정이 붙은 이유

서비스가 어느 정도 자라니 같이 토스 시험을 준비하는 친구들한테 보여주고 싶어졌습니다. 그런데 v0부터 채점까지의 토스스는 익명 사용이 기본이었습니다. 응시 이력이 서버에 통째로 누적되니까 보여주기 민망했습니다. 누구나 앱을 깔면 제가 녹음한 응시 기록이 보였습니다. 

 

아무리 작은 서비스이고, 친구한테만 공유하더라도 제 목소리를 들려주는건 싫었기 때문에 소셜 로그인과 계정 별 응시 이력 저장 기능을 붙였습니다. 

 

 

v3: 파트별 연습

11문항 한 회차 통째 응시는 15분 이상 걸렸습니다. Part 5만 약한데 Part 1부터 다시 푸는 건 시간 낭비였습니다. 5개 파트 중 원하는 것만 골라 풀고 채점받는 흐름으로 풀이 단위를 분해했습니다. 이 때는 도메인을 어떻게 분리할 지에 대해 고민했었습니다.

 

이때부터 토스스로 모의고사를 통째로 응시하는 것 외에 약점만 골라 반복할 수 있게 됐습니다. 

 

 

v4: 점수 공유가 붙은 이유

그리고 사소하지만 점수가 잘 나온 시험은 자랑하고 싶어졌습니다. 캡처해서 잘라 붙이는 것보다 카드 한 장으로 깔끔하게 공유되면 좋겠다 싶었습니다. 서버 사이드에서 OG 이미지를 자동 렌더링하는 기능을 붙였습니다. NotoSansKR 폰트로 한글 점수 카드를 그려 공유 URL 의 메타 태그에 박았습니다.

 

최대한 예쁘게 만들기 위해서 노력했으나 결과물은 조금 아쉬웠어요. 디자이너가 있었으면 좋았을 것 같습니다. 그래도 나름 깔끔하고 귀엽게 만들어졌습니다.

 

 

출시 준비

친구들이 이거 어디서 다운받냐고 물어보기 시작한 시점부터 출시가 가능할 것 같다는 생각이 들어서 인프라를 다듬기 시작했습니다. 플레이스토어에 테스터 등록도 해둔 상태입니다.

• 도메인 + HTTPS + CloudFront
• Prometheus + Grafana 자체 호스팅 + Resilience4j Circuit Breaker + Slack 알림
• STT / Gemini 호출 비용, 지연 줄이기
• 모의고사 작성 자동화 + AI 검수

운영 인프라 작업도 나중에 정리해보겠습니다. 사실 그라파나 대시보드에 개선하고자 하는 지표를 수집한 뒤에 전/후 비교 용도로 주로 사용했습니다. 운영보단 성능 개선 위주로 사용했습니다.

 

그래도 핵심지표를 정해서 슬랙과 연동했고, 문제가 생겼을 때 빠르게 확인할 수 있도록 했습니다. 

 

 

후기

이번에 느낀 바로, 사이드 프로젝트는 본인 필요에 의해서 시작하는 게 가장 빠른 것 같습니다. 원래 사이드 프로젝트를 하고 싶어서 여러 아이디어를 메모장에 적어놨었지만, 막상 실천했던 적은 한번도 없습니다. 코드를 짜보려고 해도 세팅만 좀 깔짝이고 시장조사를 하다 말았습니다. 그런데 고민만 하는 대신 내가 아쉬웠던 순간을 출발점으로 잡으니 v0 가 뭐여야 하는지 한 번에 정해졌습니다. 그 다음 기능들도 내가 겪은 불편함을 리스트업하니까 알아서 좁혀졌습니다. 만드는건 한순간이었습니다.

 

기능마다 왜 만드는지 가 한 줄로 적히면 우선순위는 따라옵니다. 채점은 내 답변이 어느 수준인지 모르겠다는 답답함에서, 파트별 연습은 약점만 골라 풀고 싶다는 욕구에서, 계정은 친구한테 보여주고 싶다는 욕구에서. 불편함을 느낀 순간 만들어야 할 가치가 보였습니다.

 

결론은 제품의 "왜"가 분명하면 어디까지 만들지도 분명해진다는 점입니다. 지난번 동아리 플젝의 실패 이후 프로젝트의 동기가 중요하다는 점을 다시금 깨닫게 되었습니다. 정말 나에게 필요한 것을 만들었기 때문에 지난 몇주간 몰입해서 개발할 수 있었던 것 같습니다.

 

다음 글은 조금 더 개발자스러운 글로 돌아오겠습니다.