기존 웹을 살린 앱 전환과 실시간 레슨 기록의 화면 흐름
스토리보드란?
스토리보드는 프로와 회원이 앱에서 보는 주요 화면을 실제 서비스에 가깝게 미리 보여주는 문서입니다.
마지막까지 보시면 레슨 현장의 기록이 회원의 일지로 이어지는 방식을 확인하실 수 있습니다.
회원 선택부터 실시간 전사, 요약과 회원 전송까지
현장 상태 확인
현장 상태 확인
현장 상태 확인
현장 상태 확인
현장 상태 확인
첫 2주 실기기 검증 대상인 레슨 시작 화면입니다. 회원 선택과 녹음 준비 상태를 한눈에 확인합니다. 데모 Step 1.
초대 딥링크와 로그인 상태를 유지하고 회원을 고른 뒤 iOS 네이티브 녹음·SpeechAnalyzer를 시작합니다. 27분 시험의 시작점을 기록합니다.
화면 잠금과 앱 전환 중에도 이어져야 할 실시간 전사 상태를 보여줍니다. 데모 Step 2.
오디오는 백그라운드에서 녹음하고 iOS 26 SpeechAnalyzer가 기기 안에서 문장을 즉시 갱신합니다. 경과 시간과 누락·지연을 측정합니다.
종료 뒤 서버 요약을 확인하고 회원에게 보내는 최종 단계입니다. 미전송 레슨은 다시 알려줍니다. 데모 Step 3.
전사문을 기존 Supabase 요약 함수로 자동 전송하고 응답 시간을 기록합니다. 전송 전 이탈한 기록은 상태를 보존해 프로에게 푸시합니다.
푸시로 일지를 열고 구독과 사례금 결제를 구분합니다.
기록·결제 상태 확인
기록·결제 상태 확인
기록·결제 상태 확인
기록·결제 상태 확인
기록·결제 상태 확인
회원은 도착한 일지를 열고 구독과 오프라인 사례금 기능을 구분해 찾습니다. 데모 Step 4.
APNs/FCM 알림을 해당 일지로 딥링크하고 구독 상태로 콘텐츠 접근을 제어합니다. 사례금은 오프라인 레슨 결제 항목으로 별도 표시합니다.
월 구독의 가격과 이용 상태를 명확히 보여줍니다. 디지털 서비스는 스토어 인앱 결제로 처리합니다.
스토어 영수증을 서버 함수에서 검증하고 갱신·복원·만료 상태를 앱과 동기화합니다. 구독 상태에 따라 일지 접근을 제어합니다.
오프라인 1:1 레슨 뒤 담당 프로에게 사례금을 보내는 흐름입니다. 구독과 구분된 PG 결제를 보여줍니다.
토스페이먼츠 위젯이 WebView 안에서 카드사 앱으로 이동하고 앱으로 돌아와 콜백을 처리합니다. 심사 소명과 대체 상품 전환 경로를 준비합니다.