강의

멘토링

로드맵

NEW
개발 · 프로그래밍

/

모바일 앱 개발

인프런 클론코딩으로 배우는 올인원 LMS 솔루션: Next.js·Flutter·AWS·Supabase로 구현하는 다국어 HLS 스트리밍 기반 MVP 프로젝트

이 강의는 단순한 클론코딩이나 기초 강의가 아닙니다. 인프런(Inflearn) 같은 LMS(Learning Management System) 플랫폼을 MVP(엠 브이 피) 수준으로 처음부터 끝까지 구현하면서, 프리랜서·1인 개발자·스타트업 초기 멤버가 실무에서 바로 활용할 수 있는 올인원 솔루션을 제공합니다. Next.js, Flutter, Supabase, Firebase(FCM), AWS, Vercel, Xcode, Android Studio, ElevenLabs, 토스페이먼츠까지 실제 실무에서 사용하는 스택을 한 번에 다룹니다. 웹과 앱을 동시에 개발하고, 소셜 로그인, 다국어 자동 더빙, HLS 스트리밍 기반 강의 재생, 결제 연동, 앱스토어·플레이스토어 배포까지 전 과정을 직접 경험할 수 있습니다. 이 강의는 세세한 코드 한 줄보다는, 실무에서 중요한 흐름, 설정, 배포 과정에 중점을 두었습니다. 따라서 프리랜서로 독립하려는 개발자, 스타트업에서 빠르게 MVP를 검증해야 하는 팀, 그리고 실무 전반을 경험하고 싶은 주니어 개발자에게 적합합니다.

4명 이 수강하고 있어요.

  • ludgi
실습 중심
ai활용
AI 코딩
SEO
lms
FlutterAWSsupabasenextjs

이런 걸 배울 수 있어요

  • 실무 수준의 LMS MVP 흐름 이해하기

  • Next.js와 Flutter로 웹·앱 통합 프로젝트 만들기

  • Supabase와 Firebase(FCM)으로 백엔드 및 알림 시스템 구현하기

  • AWS·Vercel·CloudFront·S3·Route53을 통한 배포 전략 배우기

  • 소셜 로그인(구글·애플) 직접 구현해보기

  • 토스페이먼츠 결제 시스템 연동하기

  • ElevenLabs를 활용한 다국어 자동 더빙 경험하기

  • iOS/Android 앱 스토어 배포 및 심사 과정 익히기

  • 프리랜서 실무 프로젝트 설계 및 관리 흐름 배우기

  • 인프런 클론코딩을 통한 실무 솔루션 제작 경험하기

인프런 클론코딩으로 배우는 실무형 LMS 프로젝트 with nextjs

Next.js · Flutter · AWS · Supabase로 구현하는 MVP 솔루션 with Elevenlabs

왜 이 강의인가?

온라인 강의 플랫폼은 단순한 웹사이트가 아닙니다.
회원 가입, 소셜 로그인, 결제, 알림, 배포, 다국어 지원까지 포함된 복합적인 시스템입니다.
많은 강의가 특정 기술 하나에만 집중하지만, 이 강의는 서비스 전체 흐름을 따라가며 실무에서 바로 활용할 수 있는 MVP 솔루션을 제공합니다.


다루는 핵심 기술 스택

  • Next.js: 웹 프론트엔드와 서버사이드 렌더링을 동시에 다루며, SEO 친화적인 구조를 학습합니다.

  • Flutter: iOS와 Android 앱을 한 번에 개발하고, 웹뷰를 통해 LMS와 자연스럽게 연동합니다.

  • Supabase: 데이터베이스와 인증, API 백엔드를 손쉽게 구성하고 Firebase와 조합하여 알림 시스템을 완성합니다.

  • AWS: CloudFront, S3, Route53 등을 활용해 실제 서비스 배포와 운영을 경험합니다.

💡인프런 클론코딩으로 배우는 실무형 LMS MVP 프로젝트

  • 이 강의에서는 nextjs, Flutter, supabase, AWS를 활용해 실제 인프런과 같은 온라인 강의 플랫폼(LMS)을 MVP 수준으로 직접 구현합니다.

  • 단순히 코드를 따라치는 것이 아니라, 소셜 로그인, 결제, 알림(FCM), 다국어 더빙, 앱 배포까지 서비스가 완성되는 전체 과정을 경험합니다.

  • 이 과정은 프리랜서, 스타트업 초기 멤버, 혹은 LMS를 준비하는 사업체 대표에게 유용하며, 실제 실무 프로젝트의 초안을 확보할 수 있는 기회를 제공합니다.

이 강의의 특징

  • 실무 흐름 중심: 단순히 코드를 따라치는 강의가 아니라, 실제 서비스가 어떻게 기획되고 배포되는지 엔드투엔드(end-to-end) 흐름을 경험합니다.

  • MVP 솔루션 완성: Next.js, Flutter, Supabase, AWS, Firebase 등 최신 스택을 활용해 인프런 수준의 LMS MVP를 직접 구현합니다.

  • 앱 배포까지 포함: 웹 서비스 제작에 그치지 않고, iOS/Android 앱 패키징, 스토어 심사 및 배포 과정까지 다룹니다.

  • 프리랜서·스타트업 맞춤: 프리랜서 포트폴리오 제작, 스타트업 초기 MVP 검증 등 즉시 현업에 적용 가능한 결과물을 제공합니다.

  • 코드보다 설정·흐름 강조: Firebase 설정, AWS 인프라 구성, 결제 연동, 다국어 자동 더빙 등 서비스 운영에 필요한 핵심 요소를 다룹니다.

  • 풍부한 참고 자료: 아키텍처 다이어그램, 배포 과정 캡처, 실제 앱 화면 등 시각 자료 중심 설명으로 이해를 돕습니다.


💡 핵심 특징과 차별점

  • 흐름 중심 강의: 단순히 특정 기능 구현에만 집중하지 않고, 웹 → 앱 → 서버 → 배포까지 서비스 전체 흐름을 따라가며 학습합니다.

  • 실무 환경 재현: Next.js, Flutter, Supabase, AWS, Firebase, Vercel 등 실제 프리랜서·스타트업 현장에서 자주 쓰이는 스택을 그대로 다룹니다.

  • MVP 솔루션 완성: 인프런과 같은 LMS 플랫폼을 MVP 수준으로 직접 만들어, 바로 포트폴리오나 내부 프로젝트 초안으로 활용 가능합니다.

  • 앱 배포 포함: 강의에서 흔히 빠지는 iOS/Android 앱 패키징, 스토어 심사와 배포까지 전 과정을 다룹니다.

  • 비개발자도 이해 가능한 설명: 프리랜서, 개발자뿐 아니라 스타트업 대표, 기획자, PM도 흐름을 파악할 수 있도록 이론과 실습을 균형 있게 배치했습니다.

  • 시각 자료와 실습 위주: 아키텍처 다이어그램, 배포 과정 캡처, 실제 실행 화면을 활용하여 이해도를 극대화합니다.

이런 분들께 추천해요

프리랜서개발자가 되고 싶다.

실제 프로젝트 흐름을 경험하고 포트폴리오로 활용하고 싶은 분.

스타트업에서 빠르게 MVP를 만들어야 합니다.

아이디어를 검증할 초기 버전을 직접 구현하고 싶은 분

앱 배포 과정을 알고싶어요
iOS/Android 스토어 심사와 배포까지 직접 경험하고 싶은 분

💡이 강의가 필요한 수강생

  • 포트폴리오가 단순 클론코딩 수준이라, 실제 서비스에 가까운 프로젝트를 경험하고 싶은 분

  • 프리랜서로 프로젝트 의뢰를 받고 싶지만, MVP 전체 흐름을 경험하지 못해 불안한 분

  • 스타트업에서 아이디어를 검증해야 하는데, 빠르게 웹과 앱을 동시에 만들어야 하는 상황에 놓인 분

  • 웹 개발은 할 줄 알지만, 앱 배포와 스토어 심사 과정은 경험해본 적 없는 분

  • LMS 플랫폼(예: 인프런 같은 서비스)을 준비 중인데, 개발팀이 없어 직접 초기 버전을 만들어야 하는 대표/기획자

수강 후에는

  • Next.js와 Flutter를 활용해 웹과 앱을 동시에 개발하고 배포할 수 있게 돼요.

  • Supabase와 Firebase(FCM)를 연동하여 인증, 알림, 데이터 관리를 직접 구현할 수 있어요.

  • AWS와 Vercel을 이용한 배포 과정을 이해하고, 실제 서비스 운영 환경을 구성할 수 있어요.

  • 소셜 로그인과 결제 시스템(토스페이먼츠) 연동을 실습하며 실무에 바로 적용할 수 있어요.

  • iOS/Android 앱 패키징과 스토어 심사 과정을 경험하고, 실제 사용자에게 서비스를 배포할 수 있어요.

  • 다국어 자동 더빙(ElevenLabs) 적용을 통해 글로벌 서비스를 염두에 둔 플랫폼을 설계할 수 있어요.

  • 실제 인프런 수준의 LMS MVP 초안을 확보하여 포트폴리오 또는 스타트업 검증 단계에서 활용할 수 있어요.

💡이 강의를 수강하면 얻을 수 있는 변화

  • 단순 클론코딩이 아니라 실제 서비스 전체 흐름을 이해하고 구축할 수 있게 됩니다.

  • Next.js, Flutter, Supabase, AWS, Firebase를 활용한 실무급 프로젝트 경험을 포트폴리오에 추가할 수 있습니다.

  • 웹과 앱을 동시에 개발하고, 스토어 배포까지 직접 경험하면서 자신감을 얻게 됩니다.

  • 소셜 로그인, 푸시 알림, 결제 연동, 다국어 더빙 같은 기능을 직접 구현하며 실무에서 바로 쓸 수 있는 역량을 갖추게 됩니다.

  • 스타트업이나 프리랜서 현장에서 MVP 초안을 제안하고 실행할 수 있는 실전 능력을 확보할 수 있습니다.

  • 단편적인 기술이 아닌, 서비스 운영 관점의 사고방식을 키워 프로젝트를 더 큰 그림으로 바라볼 수 있습니다.

이런 내용을 배워요.

Flutter: 웹뷰와 앱 패키징

단순한 화면 구현을 넘어서, 서버사이드 렌더링과 정적 페이지 생성을 활용한 SEO 친화적인 프론트엔드 구축 방법을 배웁니다.

Flutter: 웹뷰와 앱 패키징

하나의 코드베이스로 iOS/Android 앱을 동시에 제작하고, 웹뷰를 통해 LMS 기능을 모바일 앱으로 확장하는 과정을 다룹니다.

Supabase: 인증과 데이터 관리

회원가입, 로그인, 소셜 로그인까지 인증 흐름 전반을 Supabase로 구현하고, 데이터베이스와 스토리지를 활용해 실제 서비스 운영에 가까운 구조를 경험합니다.

Firebase: 푸시 알림과 실시간 기능

Firebase Cloud Messaging(FCM)을 활용하여 푸시 알림을 구현하고, 실시간 기능을 프로젝트에 적용하는 방법을 학습합니다.

AWS & Vercel: 배포와 인프라 운영

AWS S3, CloudFront, Route53, SES, 그리고 Vercel을 활용해 실제 서비스 배포와 운영 환경을 구성하고 관리하는 방법을 배웁니다.

ElevenLabs: 다국어 자동 더빙

AI 기반 더빙 툴을 사용해 강의를 여러 언어로 자동 변환하는 방법을 배우고, 글로벌 서비스로 확장할 수 있는 가능성을 살펴봅니다.

결제 시스템: 토스페이먼츠 연동

실무에서 자주 요구되는 결제 기능을 직접 구현합니다. 토스페이먼츠 연동 과정을 통해 안전한 결제 플로우를 구축할 수 있습니다.

앱 배포: 스토어 심사와 출시

Xcode와 Android Studio를 활용해 앱을 패키징하고, iOS App Store / Google Play Store 심사 과정을 거쳐 실제 출시까지 경험합니다.

수강 전 참고 사항

실습 환경

  • 강의는 Windows와 MacOS를 혼합하여 진행합니다.

    • 일반적인 웹/앱 개발과 배포 준비는 Windows 환경에서도 무리 없이 따라오실 수 있습니다.

    • iOS 앱 빌드 및 App Store 배포 과정은 MacOS + Xcode 환경이 필수입니다. (애플 개발자 계정 필요)

  • VS Code를 기본 개발 툴로 사용하며, 추가로 Android StudioXcode를 활용합니다.

  • Node.js, npm, Flutter SDK를 설치해야 하며, 각 운영체제별 환경 설정은 강의에서 안내합니다.

클라우드 및 서비스 계정

  • Supabase, Firebase, AWS, Vercel, 토스페이먼츠 계정이 필요합니다.

  • 대부분 무료 티어로 실습이 가능하지만, 일부 서비스는 카드 등록이 필요할 수 있습니다.

사전 지식

  • HTML, CSS, JavaScript 기초 이해가 있으면 수월합니다.

  • React 또는 Flutter를 한 번이라도 다뤄본 경험이 있으면 학습 속도가 빨라집니다.

학습 자료

  • 각 섹션별로 진행 상황에 맞춘 프로젝트 파일(압축 파일)을 제공합니다.

  • 강의 후반부 및 마무리 단계에서는 GitHub 저장소 주소를 공유하여, 전체 코드를 한눈에 확인하고 직접 클론할 수 있습니다.

  • 추가로 강의 내용 정리는 Notion 링크로 제공되어, 실습 흐름을 복습하거나 참고 자료로 활용하실 수 있습니다.

선수 지식 및 유의사항

  • 이 강의는 기초 문법 강의가 아닙니다. HTML, CSS, JavaScript, React/Flutter 같은 기본기는 이미 학습한 분을 대상으로 합니다.

  • 작은 토이 프로젝트나 클론코딩 경험은 있지만, 서비스 전체 흐름(로그인 → 결제 → 배포)을 처음 경험하는 분에게 적합합니다.

  • Git/GitHub, 데이터베이스 기초(SQL 또는 NoSQL) 정도를 알고 있으면 원활하게 따라올 수 있습니다.

  • “전체적인 서비스 구축 경험은 없지만, 실무 흐름을 배우고 싶은 주니어 개발자·프리랜서 지망생·스타트업 초기 멤버”에게 알맞습니다.

강의 학습에 필요한 참고 사항

1. 실습 환경

  • 운영체제(OS): Windows와 macOS 혼용 (일반 개발은 Windows, iOS 앱 빌드 및 배포는 macOS + Xcode 필요)

  • 사용 도구: VS Code(무료), Android Studio, Xcode (iOS 배포 시 필수)

  • 필수 설치: Node.js, npm, Flutter SDK

  • 권장 사양: 8GB RAM 이상, 안정적인 인터넷 환경

2. 학습 자료

  • 강의 중간 단계: 프로젝트 파일 압축(zip) 제공

  • 강의 마무리 단계: GitHub 저장소 주소 공유 (전체 코드 확인 및 클론 가능)

  • 추가 참고: 강의 요약/정리는 Notion 링크로 제공

3. 선수 지식 및 유의사항

  • 이 강의는 기초 개념 강의가 아닙니다. HTML, CSS, JavaScript 등 기본 문법을 이미 학습한 분을 대상으로 합니다.

  • React 또는 Flutter로 간단한 프로젝트 경험이 있으면 수월합니다.

  • Git/GitHub 사용, 데이터베이스(SQL/NoSQL) 기초 개념이 있으면 좋습니다.

  • 전체적인 서비스 구축 경험은 없지만, 실무 흐름과 배포 과정을 배우고 싶은 주니어 개발자·프리랜서 지망생·스타트업 초기 멤버에게 적합합니다.

마무리

  • 🚀 지금까지 배운 기초를 넘어, 함께 실무 흐름을 경험해봅시다. 끝까지 완주한다면 분명 성장한 자신을 만나게 될 거예요!

  • 💡 작은 토이 프로젝트를 넘어서, 실제 서비스 전체를 만드는 경험을 할 시간입니다. 끝까지 즐겁게 따라와 주세요.

  • 👩‍💻 혼자서는 막막했던 프로젝트도, 이번 강의를 통해 처음부터 끝까지 해낼 수 있습니다. 같이 도전해봐요!

  • 🙌 어려워 보여도 하나씩 쌓다 보면 결국 완성됩니다. 강의가 여러분의 다음 단계를 여는 계기가 되길 바랍니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 프리랜서로 실무 프로젝트를 준비하거나 진행 중인 분

  • 스타트업 초기 멤버로 MVP를 빠르게 구축하고 싶은 분

  • 웹과 앱을 동시에 다루며 배포까지 경험하고 싶은 1인 개발자

  • 단순 기초 강의가 아닌 실제 서비스 흐름을 배우고 싶은 분

  • 실제 서비스 흐름을 배우고 싶은 분 (코드보다 전체 프로세스에 관심 있는 분)

  • 온라인 강의 플랫폼(LMS) 구축을 준비 중인 사업체 대표나 기획자

  • 개발 지식이 많지 않아도, 개발팀과 소통하며 초안을 구체화하고 싶은 창업자/대표자

  • 프리랜서와 협업을 리드해야 하는 PM, 기획자, 혹은 비개발 직군 종사자

선수 지식,
필요할까요?

  • HTML, CSS, JavaScript에 대한 기초 지식

  • React 또는 Flutter 기본 사용 경험이 있다면 더 수월합니다

  • Git/GitHub을 활용한 기본적인 프로젝트 관리 경험

  • 대표자/기획자라면 직접 개발을 깊이 이해하지 않아도, 프로젝트 진행에 필요한 MVP 초안을 구체화할 수 있음

안녕하세요
입니다.

478

수강생

21

수강평

8

답변

4.2

강의 평점

8

강의

안녕하세요, 주식회사 럿지의 대표입니다.


저는 스타트업, 금융권, 공공기관 등 다양한 분야에서 프로젝트를 진행하며,

개발뿐만 아니라 서비스를 직접 운영하는 경험을 쌓아왔습니다.

 

이 과정에서 팀원 및 프리랜서들과 협업하며 문제를 해결하고 프로젝트를 완성하는 능력을 길렀습니다.


특히, 단순히 개발자로서의 역할을 넘어서 자신의 서비스를 운영하고자 하는 꿈을 가진 분들께 더 많은 도움을 드릴 수 있다고 생각합니다.

 

완성의 즐거움과 성취감을 함께 경험하며 성장해 나가길 기대합니다. 감사합니다.

커리큘럼

전체

44개 ∙ (9시간 11분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!

얼리버드 할인 중

월 ₩17,160

5개월 할부 시

70%

₩286,000

₩85,800

ludgi님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

비슷한 강의

같은 분야의 다른 강의를 만나보세요!