플러스프로젝트 배경
1) 예상 리스크 및 대응 계획 - Canvas 게임 4종의 렌더링 로직이 제각각인 상황에서 공통 requestAnimationFrame 루프와 브랜드 테마 주입을 단일 구조로 통합하는 게임 엔진 설계 필요 - 비개발자 담당자가 게임 항목·확률·보상을 직접 편집할 때 잘못된 확률 합계(100% 초과)나 빈 항목이 실제 게임에 적용되지 않도록 CMS 유효성 검증 로직 설계 필요 - 대형 행사장 현장에서 수
프로젝트 성과
Canvas 게임 엔진 Strategy 패턴 추상화 구현
룰렛·보드·카드·퀴즈 4종 게임을 공통 GameEngine 인터페이스로 추상화, Strategy 패턴으로 렌더링 로직 분리하여 신규 게임 추가 시 코어 루프 수정 없이 확장 가능한 구조 설계
브랜드 테마 렌더러 및 디자인 토큰 시스템 구현
CSS Custom Properties 디자인 토큰과 Canvas drawImage/fillStyle를 옵저버 패턴으로 연동
Redis Pub/Sub 기반 실시간 참여 집계 파이프라인 설계
Redis Pub/Sub으로 게임 참여 이벤트를 수집·집계, NestJS SSE로 대시보드에 스트리밍, 구독자 수에 무관한 단일 집계 채널 구조로 확장성 있는 실시간 시스템 설계
PostgreSQL JSONB 기반 CMS 버전 관리 구조 구축
콘텐츠 수정 이력을 JSONB 스냅샷으로 적재, 버전 간 diff 비교 API 구현, Prisma 트랜잭션으로 발행 워크플로우를 원자적으로 처리하는 CMS 버전 관리 시스템 설계
S3 Presigned URL 이미지 업로드 및 썸네일 자동화 구현
AWS S3 Presigned URL 기반 클라이언트 직접 업로드로 NestJS 서버 I/O 부하 없이 이미지 처리
핵심 기능
미니게임 런처
룰렛·부루마블·카드 뒤집기·스피드 퀴즈 4종의 Canvas 기반 미니게임을 선택·실행하는 통합 런처 화면
진행 단계
게임 엔진 아키텍처 설계 및 DB 스키마 정의
2026.03.
Canvas 게임 4종 공통 인터페이스 설계, Strategy 패턴 게임 엔진 구조 기획, PostgreSQL 테이블 18개·Redis 키 구조 정의 및 S3 버킷 설계
프로젝트 상세
1) 포트폴리오 소개 팝업스토어 현장 이벤트를 위한 미니게임 통합 플랫폼(룰렛·부루마블·카드·퀴즈)과 실시간 참여자 통계, 게임 콘텐츠 CMS, 브랜드 테마 커스터마이징 기능을 포함한 종합 이벤트 게임 플랫폼을 React + NestJS + PostgreSQL 풀스택으로 설계·구현할 예정. Canvas API 게임 엔진 4종, Redis 기반 실시간 참여 집계, 브랜드별 테마 시스템을 구축. 2) 작업
