Mini Game Lab
Astro 안에서 바로 실행되는
미니게임 놀이터
이 섹션은 Astro 페이지 구조 안에 `canvas`와 브라우저 JavaScript를 붙여 다양한 미니게임을 실험할 수 있게 만든 영역입니다. 라우팅과 메타데이터를 먼저 분리해 두어서 새로운 게임을 계속 추가해도 구조가 무너지지 않도록 구성했습니다.
메테오 닷지
좌우로 움직이며 떨어지는 운석을 피하는 생존형 캔버스 게임입니다.
집중력과 반응 속도를 짧게 환기하는 워밍업 게임
메모리 매치
기술 키워드 카드 짝을 맞추는 집중력 기반 미니게임입니다.
기술 키워드와 용어 기억을 가볍게 반복하는 게임
시그널 스프린트
신호가 바뀌는 순간만 정확히 눌러 반응 속도와 집중력을 측정하는 게임입니다.
짧은 몰입 세션 전에 반응 속도를 끌어올리는 게임
오빗 패들
패들로 공을 튕기며 블록을 깨는 브레이크아웃 스타일 캔버스 게임입니다.
손을 풀면서 리듬감과 지속 집중을 유지하는 게임
쿼리 플래너 챌린지
데이터베이스 시나리오를 읽고 가장 적절한 인덱스와 실행 접근을 고르는 교육용 퀴즈 게임입니다.
인덱스, 정렬, 페이지네이션, 선택도를 감으로 고르지 않고 설명 가능한 판단으로 바꾸기
릴리스 전략 시뮬레이터
배포 상황에 맞는 GitOps, 카나리, 블루그린, 롤백 판단을 훈련하는 DevOps 교육용 게임입니다.
배포 전략을 도구 이름이 아니라 리스크와 복구 시간 기준으로 고르는 연습
백엔드 아키텍처 스튜디오
API, 이벤트, 캐시, 트랜잭션 시나리오를 보고 적절한 백엔드 패턴을 분류하는 교육용 게임입니다.
문제를 보면 바로 기술을 떠올리기보다, 경계와 일관성 요구를 먼저 읽는 연습
렌더링 레이스
CSR, SSR, SSG, ISR, RSC 중 어떤 렌더링 전략이 맞는지 시나리오별로 판단하는 프론트엔드 학습 게임입니다.
렌더링 전략을 유행이 아니라 데이터 신선도, SEO, 상호작용 경계로 고르는 연습