CokZIP
관심 분야와 학습 목표에 맞춰 커리큘럼·문제 풀이·오답 복습을 연결하는 AI 학습 도우미

- 맡은 일
- 기획 주도 · 백엔드 개발 지원
- 참여 방식
- 팀 프로젝트
- 기간
- 2026.08.04 — 2026.08.05
해커톤에서 만든 학습 도우미
2026년 8월 GEEKS 해커톤에서 시작했습니다. 관심 분야와 학습 목표, 현재 수준을 입력하면 커리큘럼을 만들고 문제 풀이와 오답 복습으로 이어지는 서비스를 기획했습니다.
사용 흐름
- Google 계정으로 로그인하고 관심 분야·목표·수준을 입력합니다.
- Gemini가 3~8개의 학습 스텝으로 커리큘럼을 만듭니다.
- 각 스텝에서 영상과 요약을 보고 4지선다 진단 문제를 풉니다.
- 채점 결과와 해설을 저장하고, 틀린 문제를 개념별로 묶어 복습합니다.
- 시험 모드에서는 오답률과 마지막 풀이 시점을 기준으로 복습 순서를 정합니다.
맡은 역할
아이디어와 기능 구성을 정하는 기획을 주도했습니다. 온보딩부터 학습·복습·시험 대비까지의 흐름을 정리하고, Spring Boot 백엔드의 API·데이터 처리와 클라이언트 연결을 지원했습니다.
WORK NOTES
02 CASES트러블슈팅
- 01
처음 로그인한 뒤 잘못된 화면으로 이동했습니다.
이전 이동첫 로그인 → 학습 화면으로 바로 이동
현재 이동신규 → 목표 입력 / 기존 → 학습 화면
해결 과정과 코드 보기
원인
로그인 성공만 보고 이동하면 처음 온 사용자도 학습 화면으로 가서 목표 입력을 건너뛰었습니다.
해결 방법
서버 응답에 신규 여부인
isNewUser를 넣었습니다. 클라이언트는 값이true면/onboarding, 아니면/로 보냅니다.결과
신규 사용자는 목표 입력 화면으로, 기존 사용자는 학습 화면으로 이동합니다.
- 02
진행률이 실제보다 크게 표시됐습니다.
이전 표시50 × 100 = 5000%
현재 표시50% 그대로 표시
해결 과정과 코드 보기
기술 구성
| 영역 | 기술 | 용도 |
|---|---|---|
| 클라이언트 | Next.js 16 · React 19 · TypeScript | 온보딩, 학습, 복습, 오답노트, 시험 모드, 프로필 |
| UI | Tailwind CSS 4 · shadcn | 반응형 화면과 공통 컴포넌트 |
| 서버 | Java 21 · Spring Boot 4.1 · Spring Security · JPA | Google OAuth 세션 인증, 커리큘럼·채점·피드백 API |
| 데이터 | MySQL · Redis | 학습 데이터와 세션 저장 |
| AI | Gemini API | 커리큘럼, 영상 요약, 진단 문제 생성 |
| 배포·문서 | Docker · GitHub Actions · Swagger | 배포 자동화와 API 문서 |
완성한 범위
로그인부터 온보딩, 학습, 오답 복습, 시험 모드까지 구현한 해커톤 프로토타입입니다. 서버에는 인증과 각 학습 단계의 API를 구성했고, 서비스·보안·AI 연동을 확인하는 테스트 코드도 포함했습니다.
프로젝트 기술 구성
- React
- Next.js
- Spring Boot
- MySQL
- Redis
- Docker
- Gemini API
- Tailwind CSS
- Java
- TypeScript