Stack
실무 스택 압축
Next.js, Flutter, Supabase, Firebase, AWS, Prisma, Toss Payments를 함께 다룹니다.
All-in-one LMS Course
인프런 같은 서비스 흐름을 실무 스택으로 압축합니다
웹 LMS와 Flutter 앱, HLS 영상 수강, 결제, 알림, 더빙, 배포까지 온라인 교육 서비스 MVP의 핵심 흐름을 실습합니다.
44개 수업9시간 11분Next.js·FlutterHLS 스트리밍토스페이먼츠·FCMAWS 배포
인프런 클론코딩 올인원 LMS 인프런 강의
MVP
서비스 전체 흐름
강의 등록, 구매, 수강 권한, 영상 재생, 관리자 운영까지 하나로 연결합니다.
44개
수업
9시간
11분
Next.js·Flutter
HLS 스트리밍
Media
HLS와 다국어 더빙
S3/CloudFront 기반 영상 수강과 ElevenLabs 더빙 확장 관점을 익힙니다.
Visual Proof
강의에서 보게 될 화면의 결
강의 커버와 참고 이미지를 바탕으로, 오늘 선택한 디자인 톤에 맞춘 광고용 화면 흐름을 보여줍니다.
강의 커버
인프런 클론코딩 LMS 강의의 결과물과 구현 범위를 확인할 수 있는 참고 화면입니다.
Lingoost 홈
인프런 클론코딩 LMS 강의의 결과물과 구현 범위를 확인할 수 있는 참고 화면입니다.
전체 페이지 캡처
인프런 클론코딩 LMS 강의의 결과물과 구현 범위를 확인할 수 있는 참고 화면입니다.
모바일 화면
인프런 클론코딩 LMS 강의의 결과물과 구현 범위를 확인할 수 있는 참고 화면입니다.
강의 상세
인프런 클론코딩 LMS 강의의 결과물과 구현 범위를 확인할 수 있는 참고 화면입니다.
관리 도구
인프런 클론코딩 LMS 강의의 결과물과 구현 범위를 확인할 수 있는 참고 화면입니다.
Problem
강의 플랫폼은 화면보다 운영 흐름이 먼저입니다
인프런 같은 서비스를 만들 때 어려운 지점은 카드 UI가 아니라 강의, 커리큘럼, 결제, 수강 권한, 영상, 알림, 관리자 권한이 맞물리는 구조입니다.
이 강의는 단순 클론코딩을 넘어 실제 LMS MVP에서 필요한 연결 지점을 한 번에 살펴봅니다.
- 강의 판매 흐름
- 수강 권한
- 영상 수강
- 관리자 승인
- 배포와 운영
Build
Next.js 웹과 Flutter 앱을 함께 연결합니다
수강생 웹 화면, 판매자 대시보드, 최고관리자 운영 화면, 모바일 앱 흐름을 한 프로젝트 관점으로 이해합니다.
웹만 만들거나 앱만 만드는 예제가 아니라 실제 교육 서비스가 어떤 식으로 나뉘고 이어지는지 경험할 수 있습니다.
- Next.js와 Flutter를 함께 사용해 웹 LMS와 모바일 앱 흐름을 한 프로젝트로 연결합니다.
- Supabase, Firebase FCM, Prisma를 활용해 인증, 데이터, 알림, 타입 안전한 DB 설계를 다룹니다.
- AWS S3, CloudFront, Route53 기반 HLS 스트리밍과 배포 전략을 실무 흐름으로 정리합니다.
- 토스페이먼츠 결제 연동, 소셜 로그인, 수강 권한, 강의 재생, 앱스토어·플레이스토어 배포까지 포함합니다.
- ElevenLabs 다국어 자동 더빙과 자막/오디오 트랙 확장 관점까지 LMS 차별화 요소로 연결합니다.
Decision Point
커리큘럼과 미리보기를 바로 확인하세요
랜딩은 강의의 핵심 판단 기준만 압축합니다. 가격, 섹션별 수업, 수강평, 미리보기는 인프런 상세 페이지에서 최종 확인하는 흐름이 가장 정확합니다.
Streaming
HLS 스트리밍과 다국어 더빙까지 봅니다
교육 플랫폼은 영상을 안정적으로 제공해야 합니다. AWS S3와 CloudFront, HLS 재생, 자막과 다국어 오디오 확장 관점을 함께 잡으면 단순 업로드형 사이트보다 훨씬 설득력 있는 결과물이 됩니다.
- S3 영상 저장
- CloudFront 전송
- HLS 재생
- 자막·더빙 확장
- ElevenLabs 활용
Business
결제와 알림, 수강신청까지 MVP로 연결합니다
강의 판매 사이트는 콘텐츠만 있어서는 운영되지 않습니다. 구매, 입금 또는 결제 확인, 수강 권한, 알림, 정산과 승인 흐름까지 붙어야 MVP로 검증할 수 있습니다.
- 토스페이먼츠
- Firebase FCM
- 수강 권한
- 판매자 관리
- 최고관리자 화면
Audience
서비스 전체 경험이 필요한 사람에게 맞습니다
기초 문법 강의라기보다 실무 프로젝트의 연결 구조를 익히는 강의입니다. 프리랜서 포트폴리오, 스타트업 MVP, 사내 교육 플랫폼 초안을 만들고 싶은 사람에게 특히 잘 맞습니다.
- 온라인 강의 플랫폼이나 LMS MVP를 직접 만들어보고 싶은 개발자
- 웹과 앱을 동시에 다루며 실무 프로젝트 전체 흐름을 경험하고 싶은 1인 개발자
- 프리랜서 포트폴리오로 보여줄 수 있는 복합 서비스 프로젝트가 필요한 개발자
- 스타트업 초기 단계에서 교육 서비스 MVP를 빠르게 검증해야 하는 팀
FAQ
수강 전 자주 묻는 질문
강의는 어디에서 확인할 수 있나요?
상단과 하단의 인프런 CTA 버튼을 누르면 강의 상세 페이지에서 가격, 커리큘럼, 미리보기를 확인할 수 있습니다.
완전 초보자도 들을 수 있나요?
기초 문법 강의보다는 실무 제작 흐름에 가깝습니다. HTML, CSS, JavaScript와 React 또는 Next.js 경험이 있으면 더 수월합니다.
수강 후 무엇이 남나요?
단순 클론코딩이 아니라 강의 판매, HLS 스트리밍, 결제, 알림, 다국어 더빙, 웹·앱 배포까지 온라인 교육 서비스의 전체 흐름을 한 번에 경험하는 강의입니다.
구매 전 무엇을 보면 좋나요?
커리큘럼과 미리보기를 보고 내 프로젝트나 포트폴리오에 바로 응용할 수 있는 장면이 있는지 확인하는 것이 좋습니다.
Course CTA
지금 보는 페이지의 목적은 하나입니다.
강의를 듣고 손에 남을 결과물을 판단하게 하는 것.
가격, 커리큘럼, 수강평, 미리보기는 인프런 상세 페이지에서 최종 확인하세요. 광고용 링크는 항상 강의 상세로 연결됩니다.
https://www.ludgi.ai/landing/inflearn-ad-inflearn-lms-clone-superhuman-20260607-184544-a3dbd600