플러스프로젝트 배경
[문제점]
1️⃣ 통합 학습 플랫폼의 부재: 현재 시장은 강의(영상), 실습(퀴즈), 커뮤니티(SNS), 피드백(발음 평가) 기능이 유기적으로 통합된 플랫폼이 부재하여 학습 경험이 파편화되어 있습니다.
2️⃣ 객관적 성과 측정 시스템의 한계: 특히 어학 학습에서, 사용자가 자신의 발음을 객관적으로 평가받고 즉각적인 교정 피드백을 받을 수 있는 자동화된 시스템이 부족합니다.
3️⃣ 콘텐츠 운영 관리의 비효율성: 콘텐츠 제공자 입장에서 대용량 비디오 처리(클리핑, 인코딩)와 구독, 결제, 통계 데이터를 통합 관리할 체계적인 백오피스 시스템이 부재합니다.
[목표]
1️⃣ 고품질 멀티플랫폼 앱 확보: Flutter를 기반으로 iOS와 Android 환경에서 일관된 사용자 경험(UX)을 제공하는 고품질 학습 애플리케이션을 출시합니다.
2️⃣ AI 기반 핵심 경쟁력 확보: 독자적인 발음 평가 모델(IPA 변환 및 비교)을 개발하여, 타 서비스와 차별화되는 객관적인 피드백 기능을 제공합니다.
3️⃣ 핵심 학습 기능의 통합 구현: 강의 스트리밍, 퀴즈, SNS 커뮤니티, 포인트 시스템 등 학습 동기부여와 실행에 필요한 핵심 기능들을 단일 앱 내에 유기적으로 통합합니다.
4️⃣ 확장 가능한 운영 인프라 구축: Svelte 기반 관리자 페이지와 GCP 서버리스(Cloud Run) 아키텍처를 도입하고 CI/CD를 자동화하여, 효율적이고 확장 가능한 서비스 운영 환경을 구축합니다.
[주요 고려사항]
1️⃣ AI 평가 모델의 신뢰성 확보: 서비스의 핵심 차별점인 AI 발음 평가 모델의 정확성(음성 데이터의 IPA 변환)과 원어민-학습자 간 비교 알고리즘의 신뢰성을 최우선으로 확보합니다.
2️⃣ 비디오 스트리밍 인프라 최적화: 대용량 영상 업로드 시 서버 부하 없는 자동 클리핑 프로세스를 구현하고, M3U8 HLS 구성을 최적화하여 다양한 네트워크 환경에서 끊김 없는 고화질 스트리밍을 보장합니다.
3️⃣ 결제 및 정산 시스템의 무결성: 수익 핵심인 구독 시스템(RevenueCat, IAP)과 NestJS 백엔드 간의 구독 상태, 결제 영수증 검증, 정산 프로세스가 오류 없이 정확하게 연동되도록 설계합니다.
4️⃣ 유연한 서버리스 아키텍처 운영: GCP Cloud Run의 Auto-scaling을 활용하여 사용자 트래픽 변화에 유연하게 대응하고, CI/CD 파이프라인 자동화를 통해 개발부터 배포까지의 과정을 효율화하여 운영 리소스를 최소화합니다.
5️⃣ 이기종 기술 스택 간의 효율적 통합: Flutter(앱), NestJS(백엔드), Svelte(관리자) 등 명확하게 분리된 기술 스택 간의 API 인터페이스를 명확하게 설계하고 효율적으로 통합하는 데 주력합니다.
1️⃣ 통합 학습 플랫폼의 부재: 현재 시장은 강의(영상), 실습(퀴즈), 커뮤니티(SNS), 피드백(발음 평가) 기능이 유기적으로 통합된 플랫폼이 부재하여 학습 경험이 파편화되어 있습니다.
2️⃣ 객관적 성과 측정 시스템의 한계: 특히 어학 학습에서, 사용자가 자신의 발음을 객관적으로 평가받고 즉각적인 교정 피드백을 받을 수 있는 자동화된 시스템이 부족합니다.
3️⃣ 콘텐츠 운영 관리의 비효율성: 콘텐츠 제공자 입장에서 대용량 비디오 처리(클리핑, 인코딩)와 구독, 결제, 통계 데이터를 통합 관리할 체계적인 백오피스 시스템이 부재합니다.
[목표]
1️⃣ 고품질 멀티플랫폼 앱 확보: Flutter를 기반으로 iOS와 Android 환경에서 일관된 사용자 경험(UX)을 제공하는 고품질 학습 애플리케이션을 출시합니다.
2️⃣ AI 기반 핵심 경쟁력 확보: 독자적인 발음 평가 모델(IPA 변환 및 비교)을 개발하여, 타 서비스와 차별화되는 객관적인 피드백 기능을 제공합니다.
3️⃣ 핵심 학습 기능의 통합 구현: 강의 스트리밍, 퀴즈, SNS 커뮤니티, 포인트 시스템 등 학습 동기부여와 실행에 필요한 핵심 기능들을 단일 앱 내에 유기적으로 통합합니다.
4️⃣ 확장 가능한 운영 인프라 구축: Svelte 기반 관리자 페이지와 GCP 서버리스(Cloud Run) 아키텍처를 도입하고 CI/CD를 자동화하여, 효율적이고 확장 가능한 서비스 운영 환경을 구축합니다.
[주요 고려사항]
1️⃣ AI 평가 모델의 신뢰성 확보: 서비스의 핵심 차별점인 AI 발음 평가 모델의 정확성(음성 데이터의 IPA 변환)과 원어민-학습자 간 비교 알고리즘의 신뢰성을 최우선으로 확보합니다.
2️⃣ 비디오 스트리밍 인프라 최적화: 대용량 영상 업로드 시 서버 부하 없는 자동 클리핑 프로세스를 구현하고, M3U8 HLS 구성을 최적화하여 다양한 네트워크 환경에서 끊김 없는 고화질 스트리밍을 보장합니다.
3️⃣ 결제 및 정산 시스템의 무결성: 수익 핵심인 구독 시스템(RevenueCat, IAP)과 NestJS 백엔드 간의 구독 상태, 결제 영수증 검증, 정산 프로세스가 오류 없이 정확하게 연동되도록 설계합니다.
4️⃣ 유연한 서버리스 아키텍처 운영: GCP Cloud Run의 Auto-scaling을 활용하여 사용자 트래픽 변화에 유연하게 대응하고, CI/CD 파이프라인 자동화를 통해 개발부터 배포까지의 과정을 효율화하여 운영 리소스를 최소화합니다.
5️⃣ 이기종 기술 스택 간의 효율적 통합: Flutter(앱), NestJS(백엔드), Svelte(관리자) 등 명확하게 분리된 기술 스택 간의 API 인터페이스를 명확하게 설계하고 효율적으로 통합하는 데 주력합니다.
프로젝트 성과
서버리스 아키텍처 기반 운영 자동화 구축
GCP(Cloud Run) 서버리스 인프라와 CI/CD 파이프라인을 구축하여, 개발부터 배포까지의 프로세스를 자동화했습니다.
핵심 경쟁력(AI 발음 평가) 기술 내재화
딥러닝 기반의 자체 음성-IPA 변환 및 비교 알고리즘 개발에 성공하여, 외부 솔루션 의존 없이 서비스의 핵심 차별점을 기술적으로 내재화했습니다.
안정적인 대용량 비디오 처리 시스템 구현
대용량 영상 업로드 시 자동 클리핑 및 인코딩(M3U8 HLS)이 가능한 비동기 처리 파이프라인을 구축하여, 다양한 네트워크 환경에서 안정적인 고화질 스트리밍 경험을 제공하고 서버 비용을 최적화했습니다.
통합 어드민 시스템을 통한 운영 효율 극대화
콘텐츠 관리(CMS), 사용자 및 구독 관리(CRM), 결제/정산, 통계 대시보드 기능을 통합한 Svelte 기반 관리자 페이지를 개발하여, 분산된 운영 업무를 일원화하고 데이터 기반 의사결정 속도를 향상시켰습니다.
멀티플랫폼 구독 결제 시스템 연동
RevenueCat(IAP)을 활용하여 iOS와 Android 앱 내 구독 결제 시스템을 안정적으로 연동하였으며, 복잡한 영수증 검증 및 정산 프로세스를 자동화하여 즉각적인 수익 창출 기반을 마련했습니다.
핵심 기능
AI 발음 평가 기능
- 학습자의 음성을 분석하여 IPA(국제 음성 기호)로 변환합니다.
- 이를 원어민의 음성 기호와 비교하여 객관적인 발음 점수와 피드백을 제공합니다.
- 이를 원어민의 음성 기호와 비교하여 객관적인 발음 점수와 피드백을 제공합니다.
강의 영상 학습 및 퀴즈 기능
- VOD 영상을 스트리밍으로 안정적으로 재생합니다.
- 학습한 내용을 바로 확인할 수 있도록 영상과 연동된 퀴즈 기능을 제공합니다.
- 학습한 내용을 바로 확인할 수 있도록 영상과 연동된 퀴즈 기능을 제공합니다.
프로젝트 상세
[특징]
1️⃣ 모바일 멀티플랫폼 지원 Flutter 기반으로 iOS와 Android를 모두 지원하며 단일 코드베이스로 일관된 사용자 경험을 제공합니다. 유지보수 효율이 높고 기능 확장이 용이합니다.
2️⃣ 고성능 웹 프론트엔드 (관리자) Svelte를 사용하여 빌드 타임에 컴포넌트를 순수 JavaScript로 변환함으로써 런타임 오버헤드를 최소화했습니다. 관리자 페이지의 빠른 반응 속도와 부드러운 인터페이스를 구현했습니다.
3️⃣ 서버리스 및 확장성 중심 인프라 GCP(Google Cloud Platform) 기반의 서버리스 환경(Cloud Run)을 구축하고 CI/CD 파이프라인을 자동화하여 운영 부담을 최소화했습니다. 비디오 스트리밍을 위한 M3U8 스토리지 최적화로 안정적인 서비스 제공이 가능합니다.
4️⃣ 모듈형 고성능 백엔드 NestJS를 활용하여 안정적이고 확장 가능한 백엔드 API를 구축했습니다. 모듈형 아키텍처를 통해 SNS, 결제, 학습 등 주요 기능 간 의존성을 낮추고 생산성을 확보했습니다.
[주요 기능]
1️⃣ 자체 개발 발음 평가 모델 음성 데이터를 국제 음성 기호(IPA)로 변환하고 원어민과 비교하여, 학습자에게 정교한 발음 피드백을 제공하는 알고리즘을 개발했습니다.
2️⃣ 비디오 스트리밍 학습 환경 M3U8 스트리밍 재생을 지원하고 퀴즈 기능이 연동된 몰입형 강의 학습 화면을 구현했습니다.
3️⃣ 앱 생태계 및 수익화 SNS 커뮤니티 기능과 포인트 시스템을 통해 사용자 참여를 유도합니다. RevenueCat을 연동한 인앱 구독 결제(In-App Purchase) 모델을 구축하여 안정적인 수익화 기반을 마련했습니다.
4️⃣ 자동화된 프로세스 및 운영 관리 영상 업로드 시 자동 클리핑, 구독 정산 프로세스 등 백엔드 자동화를 구현했습니다. Svelte 기반의 고성능 관리자 페이지를 통해 회원/콘텐츠 관리 및 데이터 시각화 대시보드를 제공합니다.
✅ 결과적으로 본 플랫폼은 Flutter, NestJS, Svelte, GCP의 현대적인 스택을 기반으로 빠른 성능, 안정성, 확장성을 모두 충족하며 사용자와 운영자 모두에게 최적화된 환경을 제공합니다.
1️⃣ 모바일 멀티플랫폼 지원 Flutter 기반으로 iOS와 Android를 모두 지원하며 단일 코드베이스로 일관된 사용자 경험을 제공합니다. 유지보수 효율이 높고 기능 확장이 용이합니다.
2️⃣ 고성능 웹 프론트엔드 (관리자) Svelte를 사용하여 빌드 타임에 컴포넌트를 순수 JavaScript로 변환함으로써 런타임 오버헤드를 최소화했습니다. 관리자 페이지의 빠른 반응 속도와 부드러운 인터페이스를 구현했습니다.
3️⃣ 서버리스 및 확장성 중심 인프라 GCP(Google Cloud Platform) 기반의 서버리스 환경(Cloud Run)을 구축하고 CI/CD 파이프라인을 자동화하여 운영 부담을 최소화했습니다. 비디오 스트리밍을 위한 M3U8 스토리지 최적화로 안정적인 서비스 제공이 가능합니다.
4️⃣ 모듈형 고성능 백엔드 NestJS를 활용하여 안정적이고 확장 가능한 백엔드 API를 구축했습니다. 모듈형 아키텍처를 통해 SNS, 결제, 학습 등 주요 기능 간 의존성을 낮추고 생산성을 확보했습니다.
[주요 기능]
1️⃣ 자체 개발 발음 평가 모델 음성 데이터를 국제 음성 기호(IPA)로 변환하고 원어민과 비교하여, 학습자에게 정교한 발음 피드백을 제공하는 알고리즘을 개발했습니다.
2️⃣ 비디오 스트리밍 학습 환경 M3U8 스트리밍 재생을 지원하고 퀴즈 기능이 연동된 몰입형 강의 학습 화면을 구현했습니다.
3️⃣ 앱 생태계 및 수익화 SNS 커뮤니티 기능과 포인트 시스템을 통해 사용자 참여를 유도합니다. RevenueCat을 연동한 인앱 구독 결제(In-App Purchase) 모델을 구축하여 안정적인 수익화 기반을 마련했습니다.
4️⃣ 자동화된 프로세스 및 운영 관리 영상 업로드 시 자동 클리핑, 구독 정산 프로세스 등 백엔드 자동화를 구현했습니다. Svelte 기반의 고성능 관리자 페이지를 통해 회원/콘텐츠 관리 및 데이터 시각화 대시보드를 제공합니다.
✅ 결과적으로 본 플랫폼은 Flutter, NestJS, Svelte, GCP의 현대적인 스택을 기반으로 빠른 성능, 안정성, 확장성을 모두 충족하며 사용자와 운영자 모두에게 최적화된 환경을 제공합니다.
