개발일지
프로젝트
리뷰
🎮 Pick2 게임, '질문 직접 만들기' 기능에 Supabase 연동
cocodedot28@gmail.com
2025. 07. 18. 오후 05:13
2분 읽기
18회 조회
1
광고
Pick2에서는 직접 만든 질문 세트가 브라우저(LocalStorage) 안에만 저장돼서 기기 변경, 캐시 삭제 등으로 날아갔습니다.
그러나 이제는
- '질문 직접 만들기'에서 생성한 질문 Supabase 서버에 저장되며
- '질문 세트 보기', '공유 코드로 질문 세트 찾기' 기능까지 사용 가능해졌습니다!
💾 어디까지 저장?
현재는 전체 질문 세트가 아니라, '직접 만든 질문 세트(Custom Sets)'만 Supabase에 저장됩니다.
이 저장된 세트를 기반으로:
- 다른 기기에서도 불러올 수 있고
- 공유 코드로 친구에게 링크 전송도 가능해요!
앞으로 다른 영역까지 점차 확장될 예정입니다.
💡 업데이트로 가능해진 기능
✅ 1. 질문 세트 저장 (직접 만들기 전용)
내가 만든 질문 세트가 서버에 안전하게 저장됩니다.
더 이상 로컬 스토리지 날아갈 걱정 없음!
✅ 2. '질문 세트 보기' 기능 가능
직접 만든 세트를 목록으로 조회할 수 있어요.
기기가 달라도 동일한 세트를 불러올 수 있습니다.
✅ 3. 공유 코드 기능 가능
세트를 저장하면 6자리 공유 코드가 자동 생성돼요.
친구에게 링크 공유만 하면 누구나 불러올 수 있어요!
✅ 4. 오프라인 대응 (하이브리드 구조)
서버 연결이 안될 경우, 로컬 데이터를 자동으로 불러옴
⚙️ 기술 요약
Supabase 연동 대상: 직접 만든 질문 세트만 저장됨
조회 가능 기능:
getCustomQuestionSetsFromDB()
로 세트 리스트 조회shareCode
로 특정 세트 찾기 가능
하이브리드 처리:
- 서버 실패 시 localStorage로 fallback
마이그레이션 시스템:
- 기존 로컬 데이터를 Supabase로 이전 후 로컬 데이터 제거
✅ 요약
항목 | 내용 |
---|---|
연동 범위 | 직접 만든 질문 세트만 Supabase에 저장됨 |
가능해진 기능 | 질문 세트 보기, 공유 코드로 세트 불러오기 |
장점 | 데이터 유실 방지, 기기 간 공유, 링크 전송 가능 |
보완 사항 | 전체 세트 통합 연동은 추후 예정 |
조금씩 완성도를 높여가며, 언젠가 누구나 편하게 즐길 수 있는 Pick2를 만들기 위해 꾸준히 노력하겠습니다!
광고
태그
#nextjs
#supabase
#frontend-update
#게임기능개선
#pick2-devlog