Funda

Funda는 방대한 CS 지식을 게이미피케이션 요소를 통해 재미있게 학습할 수 있도록 설계된 웹 서비스입니다. 단순히 문제를 푸는 것을 넘어, 지속 가능한 학습 습관을 형성하는 데 초점를 맞추고 있습니다.

핵심 가치

• Fun: 학습이 놀이가 되어 포기하지 않는 동력을 만듭니다.
• Daily: 부담 없는 데일리 퀴즈로 자연스러운 습관을 만듭니다.
• Growth: 레벨업, 랭킹, 기록으로 성장을 시각화합니다.

---

문제와 해법

• 학습의 막막함: Field → Unit → Step → Quiz로 이어지는 원자적 로드맵 설계로 학습 장벽 최소화
• 지속성 부족: SM-2 복습 알고리즘 기반의 맞춤형 인터벌 학습과 실시간 랭킹 시스템 도입
• 지식의 파편화: AI 학습 지원 기능을 통한 개념 확장 및 심화 학습 경험 제공

---

주요 기능 및 기술적 도전

1. 몰입형 UI/UX와 인터랙티브 콘텐츠

프론트엔드 개발자로서 텍스트 중심의 학습 환경을 생동감 있게 바꾸는 데 집중했습니다.

2. 실시간 멀티플레이어 환경 구축

학습자 간의 실시간 경쟁을 위해 안정적인 데이터 통신 레이어를 설계했습니다.

• Socket.io 기반 상태 관리: Provider 패턴과 커스텀 훅을 활용하여 여러 컴포넌트에 분산된 실시간 이벤트를 중앙에서 일관되게 관리하도록 리팩토링했습니다.
• 정밀한 서버 시간 동기화: 참가자 모두에게 공정한 제한 시간을 제공하기 위해 서버 시간을 기준으로 타이머와 검증 로직을 구현했습니다.

3. 데이터 레이어 최적화 및 안정성

복잡한 학습 데이터를 효율적으로 관리하고 팀 생산성을 높이는 인프라를 구축했습니다.

---

핵심 성과

• 콘텐츠 생산 자동화: n8n과 를 활용한 퀴즈 생성 파이프라인을 구축하여 대규모 학습 데이터 확보 프로세스를 효율화했습니다.

---

🛠 Tech Stack

• Frontend: Next.js, React, Three.js, Framer Motion, TanStack Query, Socket.io
• Backend: NestJS, MySQL, Redis, Socket.io
• DevOps & Monitoring: Docker, Prometheus, Grafana, Loki, n8n