작업 목록
SEN:SEA
K-pop 팬 앨범 커버 제작·투표 플랫폼
K-pop 팬이 공식 프로젝트 안에서 앨범 커버를 만들고 투표하며 참여하는 서비스입니다. 프로젝트 단위 담당자 계정과 대시보드로 여러 아티스트 캠페인을 함께 운영할 수 있게 구조를 잡았습니다.
- 기간
- 2026.09 ~ 2026.10
- 분류
- 웹앱, AI 기능, 관리자
- 서비스 주소
- sensea.kr(새 창)
K-pop 팬이 공식 콘셉트 프로젝트에 참여해 컴백 앨범 커버를 직접 만들고, 다른 팬의 작품에 투표하는 모바일 웹 서비스입니다. 팬은 멤버를 고른 뒤 배경·오브제로 세계관을, 의상으로 룩을 꾸며 커버를 제출하고, 갤러리와 명예의 전당에서 투표와 공유가 이어집니다. 팬 화면과 관리자 화면은 Next.js 한 앱으로, 데이터·인증·이미지 저장은 Supabase로, 배포는 Vercel로 구성했습니다. 제출 개수·투표 수·요청 제한 같은 운영 규칙은 코드가 아닌 DB 설정으로 빼서 관리자가 재배포 없이 바꾸도록 설계했습니다.
서비스 화면
관리자
사용한 기술
- Next.js
- React
- TypeScript
- Supabase
- PostgreSQL
- 카카오 로그인
- Vercel
- Claude API
화면
- Next.js — 팬용 모바일 웹과 관리자 화면을 한 앱에서 제공
- Canvas — 편집 화면과 같은 배치 계산으로 커버 이미지 생성
서버 · 데이터
- Next.js 서버 액션 — 제출·투표·신고를 세션 확인 후 처리
- PostgreSQL — 투표·제출의 기간·개수·중복 검사를 DB 함수가 강제
- 카카오 로그인 — 서버가 직접 인증, 이메일 없이 닉네임만 수집
- Claude API — 관리자 대시보드 수치를 요약하는 인사이트 생성
인프라
- Vercel — 웹 앱 배포
- Supabase — DB·인증·커버 이미지 저장소를 한곳에서 운영
- 데이터 접근은 전부 DB 정책(RLS)으로 통제, 화면 코드와 분리