InnoForge Inc.
education content marketplace
Platform Architecture
3자 마켓플레이스 구조
| 역할 | 주요 기능 | 핵심 가치 |
|---|---|---|
| 학생 | 검색, 필터링, 미리보기, 장바구니, 결제, 다운로드 | 양질의 학습 콘텐츠를 빠르게 탐색 |
| 출제자 | 문제 등록(웹/엑셀), 판매 현황, 정산 조회 | 부수입 창출 + 투명한 정산 |
| 관리자 | KPI 대시보드, 콘텐츠 검수, 회원/카테고리 관리 | 품질 관리 + 운영 효율화 |
콘텐츠 라이프사이클
출제자 등록 → 관리자 검수 (승인/반려) → 학생 검색 → 미리보기 → 결제 → 전체 열람. 반려 시 사유와 함께 출제자에게 반환.
Key Features
핵심 구현 기능
다중 필터 검색
과목, 학년, 단원 3단계 카테고리 트리 + 키워드 검색 + 난이도 필터 + 가격 정렬. 조건 조합으로 원하는 콘텐츠를 즉시 탐색.
엑셀 일괄 업로드
공식 템플릿에 맞춰 엑셀 작성 후 드래그 앤 드롭. 50문제를 30초 만에 등록. 웹 폼 개별 등록도 지원.
미리보기 + 잠금
미구매 시 첫 2문제만 미리보기 (정답 가림). 구매 후 전체 문제 + 정답 + 해설 열람. 콘텐츠 보호 구현.
PG 결제 + 정산
장바구니, 바로 구매, 주문 내역. 출제자별 판매 통계 + 수수료 자동 계산 + 정산 내역 조회. (PG 연동은 토스페이먼츠 예정)
관리자 대시보드
총 사용자, 학생/출제자 수, 승인 문제, 검수 대기, 총 주문, 매출 KPI 8개. 최근 거래 내역 테이블.
다크/라이트 테마
CSS 변수 기반 테마 전환. 헤더 원클릭 토글. localStorage 저장으로 새로고침 후에도 유지. 전환 애니메이션 포함.
카테고리 동적 관리
관리자 화면에서 과목/학년/단원 추가, 편집, 삭제. 코드 수정 없이 클릭 한 번으로 과목 확장. self-referencing 트리 구조.
JWT 인증 + RBAC
학생/출제자/관리자 3역할 권한 분리. 역할별 메뉴 자동 표시. 데모 계정 원클릭 로그인으로 즉시 체험.
InnoForge Inc.
user journey
User Flow
학생 — 검색부터 구매까지
1
과목/학년/단원 필터 검색
좌측 카테고리 트리에서 과목 선택 + 키워드 입력. 난이도, 가격, 인기순 정렬.
2
미리보기로 품질 확인
첫 2문제를 미리보기로 확인. 보기는 보이지만 정답과 해설은 가려진 상태.
3
장바구니 또는 바로 구매
장바구니에 담아 모아서 결제하거나, 바로 구매 버튼으로 즉시 결제.
PG 결제 연동 예정
4
전체 열람 + 마이페이지
구매 후 전체 문제 + 정답(초록 하이라이트) + 해설 열람. 마이페이지에서 학습 요약 + 과목별 분포 + 주문 이력 확인.
Creator Flow
출제자 — 등록부터 정산까지
1
문제 등록 (2가지 방식)
웹 폼으로 개별 등록하거나, 엑셀 템플릿으로 50문제 한 번에 일괄 등록.
Excel Template Parsing
2
관리자 검수 대기
등록된 문제는 "검수 대기" 상태. 관리자가 내용 확인 후 승인 또는 반려(사유 포함).
3
판매 + 자동 정산
승인된 문제가 판매되면 출제자 대시보드에 판매 수량, 매출, 수수료, 정산 예정액이 자동 집계.
확장 가능한 카테고리
카테고리는 self-referencing 트리 구조로 설계. 관리자가 화면에서 "수학" 과목을 추가하면 즉시 검색/필터에 반영됩니다. 코드 수정 0.
InnoForge Inc.
screenshots
