LearnSelf

배경

LearnSelf는 단순한 관찰에서 시작했습니다. 대부분의 학습 제품은 채팅 상자나 정적인 강좌 라이브러리를 제공하지만, 실제 학습자에게는 목표, 자료, 맥락에 맞춰 조정되는 안내형 학습 경로가 필요합니다.

문제

일반적인 강좌 플랫폼은 적응형 시스템이 아니라 콘텐츠 라이브러리입니다. 주제를 추천할 수는 있지만 원본 문서, 팀 지식, 학습 목표를 수업, 연습, 미디어, 지속적인 튜터 지원이 포함된 완전한 학습 경험으로 바꾸는 경우는 드뭅니다.

접근 방식

에이전틱 강좌 제작 워크플로를 중심으로 제품을 설계했습니다. 시스템이 주제, 원본 자료, 학습자 맥락을 수집한 뒤 개요, 수업, 퀴즈, 플래시카드, 빠른 참조, 오디오, 영상, 튜터 상호작용의 AI 생성을 조정합니다.

프롬프트를 감싼 도구가 아니라 학습 플랫폼처럼 느껴져야 했기 때문에 AI 계층을 실제 애플리케이션 상태와 연결했습니다. 강좌 레코드, 학습자 메모리, 진행 추적, 미디어 작업, 제공업체 설정, 결제 제약이 모두 제품 흐름에 포함됩니다.

출시한 기능

• 하나의 학습 백엔드를 공유하는 학습자 웹 앱, 제작자·관리자 화면, Expo 모바일 앱, NestJS API
• 주제, 업로드 자료, 작업 공간 지식을 구조화된 수업과 연습으로 바꾸는 AI 강좌 생성
• 강좌 콘텐츠, 문서 맥락, 임베딩, 학습자 메모리에 기반한 AI 튜터 흐름
• 강좌를 텍스트 이상으로 만드는 오디오, 영상, 퀴즈, 플래시카드, 빠른 참조 생성
• Prisma/PostgreSQL 데이터, MinIO 미디어 저장소, Polar 결제, 제공업체별 AI 실행을 위한 프로덕션 인프라

결과

• AI가 기획, 생성, 검색, 튜터링, 미디어, 제품 상태를 아우르기 때문에 LearnSelf는 단일 목적 데모보다 에이전틱 AI 앱을 잘 보여 줍니다.
• 학습자가 프롬프트를 직접 관리하도록 두지 않고, 학습자 맥락과 원본 자료를 구체적인 워크플로로 전환합니다.
• 핵심 학습 모델을 분리하지 않으면서 개인 학습자, 제작자, 팀, 모바일 학습을 지원합니다.

기술 메모

학습자·관리자 웹 앱에는 React 19와 Vite, 모바일에는 Expo/React Native, API에는 NestJS, 제품 데이터에는 Prisma와 PostgreSQL, 미디어에는 MinIO, 결제에는 Polar, 생성에는 Gemini와 제공업체별 AI 서비스, AI 영상 렌더링에는 Remotion을 사용합니다. 가장 어려운 과제는 AI 생성을 느슨한 프롬프트 체인이 아닌 신뢰할 수 있는 제품 워크플로로 만드는 것이었습니다.