[KOBG-14] Text-To-Speech API 연결 및 기능 구현

[minzee09]

🔑 JIRA 이슈 키

[KOBG-14]

---

✒ 진행한 작업

• Google TTS 추가
• API route 작성
• TTS 기능 구현 (커스텀 훅 제작)

---

📢 아쉬운 부분 및 개선점

• 현재는 앱 내 고정 텍스트도 API 호출을 하고 있음
  • 개선 방안:
  • 프론트엔드 상수화 → 변하지 않는 텍스트는 코드에 직접 저장
  • 캐싱 로직 추가 → 한 번 호출한 TTS는 브라우저 로컬(IndexedDB / localStorage)에 저장하여 재사용
  • 추후 SWR/React Query 같은 캐싱 라이브러리 연계 가능

---

📚 개발에 참고한 자료 및 포인트

• 구글 TTS API 사용
  • https://cloud.google.com/text-to-speech/docs/basics?hl=ko

---

📸 스크린샷

• api route 작성

---

[github-actions]

🔍 Preview URL: https://kobridge-2ipk8eppm-minzee09s-projects.vercel.app