neograce · 위시켓(Wishket)

프로젝트 배경

**배경**
효율적인 학습을 위해서는 단순히 공부 시간만 기록하는 것이 아닌, "얼마나 이해했는지"와 "언제 다시 복습해야 하는지"를 함께 관리해야 합니다.

기존 학습 관리 앱들은 시간 기록에만 집중하거나, 복잡한 설정이 필요해 실제 사용이 어려운 경우가 많았습니다.

**솔루션**
이 프로젝트는 학습 세션 기록과 동시에 이해도를 5단계로 평가하여, 낮은 이해도 항목을 자동으로 복습 일정에 추가하는 시스템을 구현했습니다.

**제작 과정**
24시간 MVP 제작 프로세스를 적용하여 핵심 기능(학습 기록, 복습 스케줄링)에 집중했습니다. React로 빠르게 UI를 구성하고, Supabase를 통해 실시간 데이터 동기화를 구현했습니다.

복잡한 알고리즘 대신 사용자가 직접 평가한 이해도를 기반으로 복습 우선순위를 정하는 방식으로 단순화하여, 24시간 내 실제 사용 가능한 수준까지 완성했습니다.

프로젝트 성과

24시간 내 실사용 가능한 학습 관리 시스템 구축

과목별 학습 기록, 이해도 평가, 복습 스케줄링까지 핵심 기능을 24시간 내 완성. Supabase 연동으로 실제 데이터 저장 및 조회 가능

핵심 기능

학습 세션 로그

과목, 학습 시간(분), 이해도(1-5), 메모를 입력하여 학습 이력 저장. 최근 세션 타임라인으로 즉시 확인 가능

오늘의 복습 관리

이해도 기반 복습 스케줄 자동 생성. Today 탭에서 오늘 복습할 항목 자동 표시, 이해도 재평가로 다음 복습 일정 조정

이해도 기반 복습 우선순위

1-5 단계 이해도 평가를 통해 낮은 점수 항목을 우선 복습 일정에 배치. 반복 학습 효과 극대화

과목별 학습 통계

과목별 누적 학습 시간, 평균 이해도, 학습 세션 수 등 통계 데이터 시각화 (Statistics 탭)

반응형 UI/UX

PC/태블릿/모바일 모든 디바이스 최적화. 간편한 입력 폼과 직관적인 탭 구조로 빠른 학습 기록 가능

진행 단계

기능 설계 및 DB 스키마 정의

2026.01.

학습 세션(과목, 시간, 이해도, 메모)과 복습 항목(반복 횟수, 다음 복습일) 데이터 구조 설계

React 컴포넌트 구현

2026.01.

Today, Calendar, Statistics, Plan, Analysis 5개 탭 구조 개발, 학습 세션 로그 폼 및 복습 카드 UI 구현

postgressql 연동

2026.01.

PostgreSQL 테이블 생성, 실시간 CRUD 기능 구현, 이해도 기반 복습 일정 자동 계산 로직 추가

UI/UX 최적화

2026.01.

Tailwind CSS 기반 반응형 디자인, 학습 기록 입력 UX 개선, 복습 항목 완료 플로우 최적화

배포 및 테스트

2026.01.

Vercel 배포, 실제 학습 시나리오 테스트, 데이터 저장/조회 검증 완료

프로젝트 상세

과목별 학습 시간 기록 및 이해도 평가가 가능한 학습 관리 웹 애플리케이션입니다.

학습 세션을 과목별로 기록하고, 복습 스케줄을 자동으로 관리하며, 이해도 레벨(1-5)을 통해 학습 효과를 추적할 수 있습니다.

React + Supabase 기반으로 제작되었으며, 실시간 데이터 저장 및 조회 기능을 포함하여 실제 사용 가능한 수준으로 완성되었습니다.

Today, Calendar, Statistics, Plan, Analysis 5개 탭으로 구성되어 직관적인 학습 관리가 가능합니다.