programi의 개발 노트

  • 홈
  • 태그
  • 방명록

React 1

3화 — 부루마블 게임 만들기 첫 프로토타입 (React)

숫자로 뼈대를 검증했으니, 이제 진짜 화면을 만들 차례다. 목표는 소박하게 잡았다. 20칸짜리 축소판으로, 한 기기에서 2명이 번갈아 하는 퀵매치. 풀 게임(40칸)은 나중이고, 일단 "주사위 굴리면 말이 움직이고 구장을 산다"는 최소 루프부터.■ 스택은 심플하게React + TypeScript, 상태관리는 Zustand, 보드는 그냥 CSS 그리드. 20칸을 정사각형 둘레에 배치하고, 가운데엔 "주사위 굴리기" 버튼과 경기 로그를 뒀다. 구장 칸엔 가격과 통행료, 도착하면 매입/포기 선택. 첫 파산이 나면 자산 많은 쪽이 승리.보드는 생각보다 금방 나왔다. 타일이 색깔별로 깔리고, 말(곰/사자)이 출발 칸에 놓이고, 로그창엔 "게임 시작! 주사위를 굴리세요"가 떴다. 여기까진 순조로웠다. ■ 그런데 버..

게임 개발/부루마블 개발 일지 2026.08.25
이전
1
다음
더보기
프로필사진

programi의 개발 노트

Game · AI · Programming 개발 공부, 프로젝트 회고, 문제 해결 과정을 기록하는 기술 블로그입니다.

  • 분류 전체보기 (63)
    • 야구분석 (7)
    • 게임 개발 (21)
      • 유니티 게임 개발 일지 (2)
      • 야구 게임 개발 일지 (2)
      • 부루마블 개발 일지 (12)
      • Aetheria 2099 (5)
    • 웹 개발 (3)
    • 앱 개발 (23)
      • 스터디 앱 개발 (15)
      • RoomMate 개발 (8)
    • C언어 (0)
    • AI&Machine Learning (8)

Tag

flutter, 사이드프로젝트, UX, 커플앱개발, 게임기획, 부루마블, 개발일지, 커플앱, 리텐션, LLM, 게임개발, 제작기, 인디게임, Colyseus, 개인프로젝트, 멀티플레이게임, 웹게임개발, 김도영, 1인개발, TypeScript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/10   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Daum Corp. All rights reserved.

티스토리툴바