심심오락실

배경

예능식 퀴즈(초성 퀴즈 등)와 추억의 플래시 스타일 게임을 웹에서 즐기는 사이트. “팀원 각자가 게임 하나를 맡아 처음부터 끝까지 완성”하는 1인 1게임 원칙의 4인 팀 프로젝트에서 팀장 겸 프론트엔드로 참여했다.

한 일

• 모노레포 초기 세팅(apps/web·apps/api·packages/shared), 게임 카드 1인 1게임 작업 규칙 수립, GitHub Actions CI(typecheck·lint·format·build) 구축
• 윈도우 XP·98·7·11·클래식 5종 테마 시스템 설계 (토큰 기반 공통 스타일, localStorage 유지, 깜빡임 없는 초기 적용)
• main 머지 시 API·D1 자동 배포 워크플로 구축, CORS 허용 출처·원격 D1 설정
• 담당 게임 3종 직접 구현: 힌트 퀴즈(hint-quiz, 축구·야구·나라·동물·음식 장르, 위키데이터 자동 생성 스크립트 포함), 국기 퀴즈(flag-quiz, 195개국 4지선다), 의자 탑 쌓기(chair-stack, matter-js 물리 엔진 쌓기)
• 게임 카드 번호를 4명이 순서대로 자동 배정하는 규칙 구현, 모바일 레이아웃·휴대폰 환경 버그 다수 수정

결과

• 웹(Cloudflare Pages)·API(Workers)·DB(D1) 모두 main 머지 시 자동 배포
• 퀴즈·아케이드 장르 7개 게임이 테마 5종 위에서 동일하게 동작, 점수 등록·랭킹까지 핵심 플로우 완성

링크

• 데모: https://simsim-arcade.pages.dev
• GitHub: https://github.com/SBS-fullstack-A-team/simsim-arcade