Overview & Philosophy
WEB21-FUNDA

Funda.

"즐거운 학습 경험을 통해 개발자의 지속적인 성장을 돕습니다."

Fun

지루한 CS 공부를 게임처럼 재미있게 설계하여 몰입도를 극대화합니다.

Daily

자연스러운 습관 형성을 유도하여 매일 쌓는 지식의 힘을 구축합니다.

Growth

눈에 보이는 보상과 성장 시스템으로 개발자 기초 체력을 증진합니다.

Problem & Solution
구분 기존 서비스의 한계 (Problem) Funda의 해결책 (Solution)
학습 방식 단기 암기 위주의 학습 (이해 부족) 심화 학습: 단기 암기를 넘어선 깊이 있는 이해 유도
지속성 높은 중도 이탈률 (성취감 부재) 습관 형성: 게임 같은 루틴으로 매일 지속 학습
맥락 맥락 없는 학습 (목적성 상실) 동기부여: 확실한 보상과 낮은 진입 장벽 제공
개인화 흥미 상실 (난이도 조절 실패) 개인화: 내 방향성에 맞춰 구성된 커리큘럼
Week 5 Overview

Funda.

"게임화와 데이터로 학습을 더욱 흥미롭게"

🧠 AI 질문 기능

LLM 기반 실시간 질의응답 파이프라인 구축으로 맞춤형 학습 지원

🔁 복습 시스템

망각곡선(SRS) 기반 과학적 복습으로 장기 기억 극대화

🏆 경쟁 시스템

XP 기반 티어 랭킹으로 동기부여와 커뮤니티 활성화

Weekly Development Summary

🎯 주간 핵심 성과

  • AI 질문 기능: 스트리밍 응답 처리 완료
  • 복습 시스템: SRS 알고리즘 + 복습 노트 UI
  • 경쟁 시스템: 티어별 그룹 분할 + 주간 평가
  • 하트 시스템: 생명 메커닉 UI 완성
  • 인프라: n8n 자동화 + 모니터링 도입

📊 기술적 개선

  • API 최적화: TanStack Query 도입으로 캐싱 효율화
  • 코드 품질: 자동화된 코드 리뷰 (CodeRabbit)
  • 개발 경험: Provider 구조 통합 및 간소화
  • CI/CD: Docker 기반 파이프라인 분리
  • 운영: 이메일 알림 서비스 구축
AI Questions: Streaming Pipeline

설계 원칙

즉각적인 피드백

스트리밍 응답으로 사용자가 기다리는 시간 최소화

  • 프롬프트 템플릿화로 일관성 유지
  • 응답 저장으로 학습 기록 누적
  • 비로그인 사용자도 질문내역은 확인 가능
AI 응답 파이프라인 
1. 사용자 질문 입력
2. 프롬프트 구성
   - 문제 맥락 + 질문 추가
3. LLM 호출 (스트리밍)
4. 토큰 단위 응답 전송
5. 전체 응답 저장
응답 메타데이터 
{
  "question_id": "uuid",
  "quiz_id": 123,
  "user_id": 456,
  "response_text": "...",
  "tokens_used": 245,
  "created_at": "2024-01-23"
}
Review System: Spaced Repetition

SRS 알고리즘

1

풀이 기록 저장

정답 여부, 소요 시간 등 기록

2

상태 갱신

다음 복습일까지의 간격 계산

3

복습 노트 생성

사용자 맞춤형 복습 큐 구성

핵심 메커닉

Ebbinghaus Forgetting Curve

망각곡선을 기반한 최적 복습 타이밍

상태 전이

New → Learning → Reviewing → Mastered

적응형 간격

정답률에 따라 다음 복습일 자동 조정

Ranking System: Tier Architecture

티어 분할 전략

🥉 Bronze 0 ~ 100 XP
🥈 Silver 100 ~ 150 XP
🥇 Gold 150 ~ 300 XP
Sapphire 300 ~ 450 XP
Ruby 450 ~ 550 XP
💎 Master 550 XP 이상
⚠️ Master Tier Only

선택된 상위 사용자 그룹으로 더 치열한 경쟁

주간 시스템 흐름

①

주간 시작

XP 0으로 초기화

②

XP 적립

문제 풀이마다 누적

③

평가 스냅샷

주간 순위 저장

④

티어 변경

보상 지급 및 기록

Heart System: Life Mechanics

생명 메커닉

  • 초기값: 5개 하트로 시작
  • 차감: 문제 오답 시 1개 차감
  • 재생: 일정 시간 경과 시 자동 회복
  • 한계: 0개 시 추가 문제 풀이 불가
💡 설계 목표

사용자가 신중하게 문제를 풀도록 유도하면서도 지나친 좌절감 방지

❤️❤️❤️❤️❤️
시작: 5개 하트
❤️❤️❤️❤️
오답 시: 1개 차감
⏱️ 10분/1개
재생성 대기시간

🚨 0개 도달 시
일시적으로 문제 풀이 중단 → 유저의 회복 대기 유도

Infrastructure & Operations

🤖 n8n 자동화

  • n8n 문제 생성 자동화
    수동 60시간 → 4시간 (6,000문제), 워크플로우 공유 시 1시간 내 생성
  • 배치 처리 파이프라인
    Google Sheets → LLM 호출 → JSON Schema 기반 → 자동 저장
  • 포맷 일관성 & 실수 제거
    복사/붙여넣기 작업 완전 제거, 사람의 손이 거치지 않는 구조
  • 팀 생산성 상승
    워크플로우 공유로 작업 표준화 및 운영 효율화 달성
Infrastructure & Operations

📊 모니터링 시스템

  • 에러 모니터링
    실시간 에러율, 컨테이너별 분포, 로그 레벨 분석
  • 시스템 리소스
    CPU/메모리/디스크, 네트워크, 파일시스템 성능
  • Node.js 성능
    프로세스 메모리, Event Loop 지연, Heap 분석
  • 실시간 로깅
    컨테이너 로그 검색, 필터링, 스트림 추적
Infrastructure & Operations

⚙️ 개발 환경 개선

🔄
TanStack Query

API 캐싱 및 상태 관리 최적화

🤖
CodeRabbit

자동화된 코드 리뷰로 품질 확보

🪝
Husky 강화

pre-commit 훅으로 코드 일관성 유지

🐳
Docker 분리

환경별 독립적인 컨테이너 구성

Demo Flow & User Journey

신규 사용자 시나리오

1

문제 풀이

10문제 풀기

2

결과 확인

점수, 경험치, 정답률 표시

3

푼 문제 저장

로그인 시 푼 문제에 따라 xp제공

4

로그인

이전 기록 동기화

기존 사용자 시나리오

1

복습 노트 확인

복습 대상 문제 조회

2

복습 진행

문제 재풀이

3

AI 질문

모르는 부분 즉시 질문

4

순위 확인

주간 랭킹 및 티어 조회

Next Week Roadmap
Wiki 확인

🎮 1대1 대결

실시간 경쟁 시스템 구현으로 더욱 몰입적인 학습 경험 제공

👤 마이페이지

개인 통계, 학습 진도, 캐릭터 컬렉션 관리

🎯 오늘의 목표

일일 학습 목표 설정 및 진행 상황 트래킹

🎨
캐릭터 적용

3D 모델 통합 & 수집 시스템

Character

캐릭터

Profile

프로필

Slide 11

Q&A

여러분의 피드백으로 Funda는 더욱 성장합니다.

시스템 설계

랭킹/복습 시스템 이해도 및
추가 개선 사항 피드백

사용자 경험

게임화 요소 및 지속성 유도
효과성 검증