r/vibecoding•4개월 전•9•6
지난 몇 달간 1인 개발로 게임화된 SQL 학습 플랫폼을 만들었습니다. 오늘 막 출시했어요.
I spent the last few months building a gamified SQL learning platform as a solo dev. Just launched it today.
핵심 요약
탐정 사건을 해결하며 SQL을 배우는 1인 개발 플랫폼 'QueryCase' 출시.
- 게임화된 학습 — 탐정 사건을 해결하며 SQL 개념을 자연스럽게 습득함
- 기술 스택 — Next.js 15, Supabase, DuckDB WASM을 활용함
- 브라우저 기반 — 별도 설치 없이 DuckDB WASM으로 즉시 실행됨
- 무료 입문 과정 — 초보자 코스 8개 사건과 시험, 인증서가 무료로 제공됨
QueryCase라는 제품입니다. SQL 학습은 실제로 해결해야 할 문제가 있을 때 더 잘 된다는 생각에서 시작했습니다. 연습 문제 대신 탐정 사건을 받게 됩니다. 치프 폭스(마스코트)가 브리핑을 해주면, 실제 데이터베이스를 가지고 SQL을 작성해 무슨 일이 일어났는지 알아내야 합니다. 이런 맥락 덕분에 추상적인 문법을 암기하는 대신 개념이 머릿속에 더 잘 남습니다.
포함된 내용:
- 54개의 미스터리 사건 (5단계 탐정 계급: 신입, 루키, 탐정, 선임 탐정, 수석 탐정)
- 레벨 사이마다 제공되는 훈련 및 계급 시험
- IMDB 영화, Spotify 트랙, 스포츠 통계, Steam 게임 등 실제 데이터셋이 포함된 샌드박스 모드
- DuckDB WASM을 통해 브라우저에서 모든 것이 실행되며, 별도 설치 불필요
- 루키 경로(8개 사건 + 시험 + 인증서)는 완전히 무료
기술 스택:
- Next.js 15 App Router
- Supabase (Postgres + Auth)
- DuckDB WASM (브라우저 내 SQL 실행)
- Stripe (구독 결제)
- Vercel + PostHog
DuckDB 부분이 가장 흥미로운 도전이었습니다. 백엔드 쿼리 실행기 없이 클라이언트 측에서 SQL이 완전히 실행됩니다. Next.js와 맞추는 데 시간이 좀 걸렸지만 지금은 아주 탄탄합니다.
아직 초기 단계입니다. 솔직한 피드백 환영합니다. 특히 뭔가 고장 났거나 빠진 것 같으면 알려주세요.
