개발노트

React 슬롯머신 게임을 만들어 보았다.기획, 퍼블, react로 구현 제작기간 하루 https://aloha-jh.github.io/slotmachine  Slot Machine 게임 규칙레버 당기기:게임을 시작하려면 레버(핸들)를 클릭하세요.클릭 시 릴(reels)이 회전하기 시작합니다.릴 멈추기:세 개의 릴은 각각의 버튼을 클릭하여 멈출 수 있습니다.첫 번째 릴은 btn b0, 두 번째 릴은 btn b1, 세 번째 릴은 btn b2 버튼으로 멈춥니다.승리 조건:모든 릴이 같은 심볼로 정렬되면 승리(WIN)가 표시됩니다.예: 릴 1, 릴 2, 릴 3이 모두 같은 심볼(예: lemon, lemon, lemon)일 때 승리입니다.

import React, { useReducer, useMemo, useCallback, useRef, useEffect } from 'react'; import { createContext } from 'react'; import Table from './Table'; import Form from './Form'; /* */ export const CODE = { OPEN_MINE: -11, // OPEN: -1, // CLOSE_MINE: -44, CLOSE: -4, FLAG_MINE: -22, FLAG: -2, QUESTION_MINE: -33, QUESTION: -3, } function makeTableData(col, row) { const data = new Array(); //consol..

import React, { useReducer, useCallback, useEffect, useMemo } from 'react'; import Table from './Table.jsx'; /* #강좌 컴포넌트별로 쪼개기 #바뀌는 부분 테이블(9칸) , 턴(user1,user2), 결과-승리자 */ const initalState = { turn: 'user1', winner: '', tableData: [['', '', ''], ['', '', ''], ['', '', '']], recentCell: [-1, -1], }; export const SET_WINNER = 'SET_WINNER'; export const CLICK_CELL = 'CLICK_CELL'; export const CHANG..

import React, { useState, useRef, useEffect } from 'react'; /* 바뀌는 부분 - 숫자 나오는 부분 / 버튼 - getNumbers 60이하의 숫자 7개 랜덤으로 뽑아서 리턴 */ // 랜덤 숫자 리턴 function getRandomNums(count, max) { const nums = new Set(); while (nums.size a - b); retu..