플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - Redis Sorted Set 점수 동점 처리 시 보조 정렬 기준(등록 시각) 복합 키 설계 - NestJS SSE 연결 종료 감지 및 클라이언트 재구독 시 랭킹 스냅샷 재동기화 로직 구현 - Canvas 스테이지 전환 시 이전 스테이지 오브젝트 메모리 해제 및 GC 타이밍 제어 - React Query 낙관적 업데이트(메시지 승인)와 서버 롤백 간 UI 상태 일관성
프로젝트 성과
Redis Sorted Set 랭킹 시스템 구현
Redis ZADD·ZRANK·ZREVRANGE 명령으로 O(log N) 복잡도 실시간 랭킹 처리를 구현하고, NestJS SSE로 랭킹 변동을 단방향 스트리밍하는 구조를 설계합니다.
NestJS RBAC 권한 시스템 설계
NestJS Custom Decorator + Guard로 어드민·운영자·뷰어 3단계 권한을 분리하고, JWT Payload 기반 역할 검증 미들웨어를 구현할 예정입니다.
멀티스테이지 게임 엔진 구현
Canvas API 스테이지 매니저 패턴으로 단계별 게임 오브젝트 풀을 분리 관리하고, Redis TTL 세션 캐시로 새로고침 후 진행 상태 복원 구조를 구현할 예정입니다.
어드민 메시지 승인 큐 구현
React Table 가상 스크롤과 낙관적 업데이트(React Query mutate)로 팬 메시지 승인·반려 큐 UI를 구현하고, NestJS 트랜잭션으로 상태 일관성을 확보할 예정입니다.
React Query 다층 캐시 전략 설계
이벤트 목록·랭킹·메시지 도메인별 staleTime·gcTime을 차등 설정하여 API 요청 수를 줄이는 React Query 캐시 전략을 설계하고 구현할 예정입니다.
핵심 기능
이벤트 메인 & 게임 허브
진행 중인 팬 이벤트 목록과 미니게임 허브를 제공하는 메인 대시보드입니다
진행 단계
NestJS 도메인 모듈 설계
2026.03.
NestJS Module·Controller·Service 구조로 Event·Game·Message·Auth 도메인을 분리 설계하고, RBAC Guard 권한 데코레이터 체계를 구축할 예정입니다.
프로젝트 상세
1) 포트폴리오 소개 아티스트 팬 이벤트 전용 통합 플랫폼을 구현할 예정입니다. 횡스크롤 미니게임, 실시간 리더보드, 팬 메시지 관리 어드민 대시보드를 React + TypeScript 기반으로 설계하고, Node.js NestJS + Redis 캐시 레이어 백엔드로 확장 가능한 시스템 구조를 구축할 예정입니다. 2) 작업 범위 - 이벤트 메인 & 게임 허브: 진행 중인 팬 이벤트 목록과 미니게임 허
