← 전체 프로젝트

망고팩토리 (MangoFactory)에듀테크 SaaS · 유료 이용 교사2025단독 개발. 프론트엔드, 백엔드, 에이전트

학교 양식 그대로 나오는 수업 슬라이드

슬라이드 그림이 아닙니다. 교사가 열어서 고칠 수 있는 진짜 슬라이드입니다.

교사가 수업을 설명하면, 학교 템플릿에 맞는 편집 가능한 파워포인트와 120GB가 넘는 교육과정 자료에서 뽑은 활동지·퀴즈가 나옵니다.

  • 자료120GB+ 교육과정, 검색 증강
  • 출력PPTX · DOCX · XLSX · 퀴즈
  • 검증한 슬라이드59장, 11가지 레이아웃, 전부 편집 가능
  • 팀1명, 커밋 약 230건

필요했던 것

초등 교사들은 저녁 시간을 수업 슬라이드, 활동지, 퀴즈 만드는 데 씁니다. 고객사는 수업을 짧게 설명하면 그 파일들이 학교 디자인 그대로, 편집 가능하게, 교육과정에 맞춰 나오는 제품을 원했습니다.

만든 것

제품 전체: 교사용 앱, 관리자 콘솔, 백엔드, 생성 에이전트. 핵심은 고객사의 파워포인트 템플릿을 그 자리에서 채우는 템플릿 엔진입니다. 브랜딩은 템플릿 그 자체이고 모든 글상자는 편집 가능한 채로 남습니다. 120GB가 넘는 자료 위의 검색 층이 내용의 근거가 되고, 이미지는 키워드가 아니라 의미로 고릅니다.

달라진 것

교사들이 돈을 내고 쓰며, 결과물을 수업에서 씁니다. 슬라이드 길이는 수업 시간을 따라가고, 템플릿은 손상 없이 살아남습니다.

기술적으로는
  • 제자리 PPTX 채우기(python-pptx): 기존 텍스트 프레임, 런, 표 셀을 다시 쓰고 런·문단·프레임 스타일을 앞으로 복사. 슬라이드 마스터, 레이아웃, 테마는 원본에서 상속.
  • 레이아웃 충실도: 그룹 도형과 표를 가로지르는 안정적인 도형 주소, 기하 정보 저장·복원, 단어 줄바꿈 시뮬레이션이 붙은 이진 탐색 글꼴 자동 맞춤으로 텍스트가 원래 상자에 맞게.
  • 제한된 생성: LLM 출력을 Pydantic 스키마(slide, shape, content)에 묶고, 결정적 폴백 매핑을 둠.
  • LangGraph 슬라이드 파이프라인: 수업 시간으로 목표 길이를 계산하고, 살릴 템플릿 슬라이드를 고르고 순서를 정하며, 원래 자리표시자 위치에 의미 벡터 검색(Pinecone + 임베딩)으로 이미지를 교체.
  • 수집: OCR과 이미지 자동 태깅. 같은 코드베이스에 DOCX/XLSX/CSV/PDF 생성기.
  • 스택: Lovable/React 앱, Supabase + FastAPI 백엔드, S3, Redis, EC2/Vercel.
생성된 29장짜리 교실 보드게임 슬라이드 중 6장
생성된 한 벌 29장 중 6장. 초등 4학년 국어 수업용 교실 보드게임을 학교 템플릿에 채운 것 (모든 글상자 편집 가능)
망고팩토리 앱. 교사가 쓰는 화면
교사가 쓰는 앱. 수업을 설명하면 파일을 받습니다
생성된 퀴즈 슬라이드
다른 슬라이드 묶음에서 나온 퀴즈 슬라이드
  • LangGraph
  • python-pptx
  • Pinecone
  • FastAPI
  • Supabase
  • React
  • Lovable
  • S3
  • Redis