소개
시도하고자 했던 것과 그 이유를 알려주세요.
기존 웹앱이 음성 재생이 사파리나 크롬 브라우저 정책 때문에 연속 재생 문제 발생
edgetts api를 버셀이나 레일레위를 서버로 사용해왔으나 문제가 자주 발생, 최근 사용 불가
대안으로 구글 cloud tts api 채택
진행 방법
어떤 도구를 사용했고, 어떻게 활용하셨나요?
Claude Code를 Cursor에서 사용
기존 웹앱을 React Native + Expo 기반으로 개발
개발서버는 Expo Go, iOS Simulator 등
Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.
https://k-beauty-english.vercel.app
📱 프론트엔드
React Native: 0.79.5 (크로스플랫폼)
Expo SDK: 53 (개발 도구)
TypeScript: 타입 안전성
🛠️ 개발/배포
Firebase: 앱 배포 (Android/iOS)
Vercel: 웹 배포 + TTS API
Metro: React Native 번들러
Xcode + Gradle: 네이티브 빌드
💾 백엔드
Google Cloud: TTS API, 인증
Local Python Server: TTS 처리
Mock Auth: 간단한 인증 시스
결과와 배운 점
배운 점과 나만의 꿀팁을 알려주세요.
Expo Go 개발서버, 초보자에게 사용하기 편리
ios 및 android 배포는 Firebase App Distribution 사용
과정 중에 어떤 시행착오를 겪었나요?
구글 TTS를 풀백으로 처리해서 구현에 수십차례 이상 소요
ios 및 android 빌드, 배포 관련 시행 착오
애플 개발자 등록 및 관련 세부 내용
파이썬 프로그램 같은 음성 배속 및 정확한 발음 문제
앞으로의 계획이 있다면 들려주세요.
현재 앱 버젼 테스트를 거쳐서 업그레이드
구독 및 결재 기능 추가
정식으로 앱스토어, 플레이스토어 등록
도움 받은 글 (옵션)
리액트 내이티브 + Expo Go ; 고수의 꿀팁