From 425bc2e7dc97b279efb21d6c1866e8f187b86b32 Mon Sep 17 00:00:00 2001
From: 1GYOU1 <90018379+1GYOU1@users.noreply.github.com>
Date: Tue, 6 Feb 2024 17:20:58 +0900
Subject: [PATCH] =?UTF-8?q?24-02-06=20=ED=99=94=EC=82=B4=ED=91=9C=20?=
 =?UTF-8?q?=EA=B2=B0=EA=B3=BC=EA=B0=92=20=EB=B0=B0=EC=97=B4=EB=A1=9C=20?=
 =?UTF-8?q?=EC=A0=80=EC=9E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 slot-machine-ts/src/components/Game.tsx | 25 +++++++++++++------------
 1 file changed, 13 insertions(+), 12 deletions(-)

diff --git a/slot-machine-ts/src/components/Game.tsx b/slot-machine-ts/src/components/Game.tsx
index 9010578..14a547a 100644
--- a/slot-machine-ts/src/components/Game.tsx
+++ b/slot-machine-ts/src/components/Game.tsx
@@ -72,8 +72,8 @@ const Game = () => {
     const [resultPersent, setResultPersent] = useState(0);// 화살표 결과 위치 값 (%)
     let animationId: number | undefined;// 화살표 애니메이션
 
-    // 화살표 결과
-    let resultArr: number[] = [];
+    // 화살표 결과값 배열로 저장
+    let [resultArr, setResultArr] = useState<number[]>([]);
 
     // 게임 시작
     const gameStartBtnEvent = () => {
@@ -179,18 +179,19 @@ const Game = () => {
         }
 
         // 결과 값 배열로 저장
-        if(resultPersent < 20){
-            resultArr.push(1);
-        }else if(20 <= resultPersent && resultPersent < 40){
-            resultArr.push(2);
-        }else if(40 <= resultPersent && resultPersent < 60){
-            resultArr.push(3);
-        }else if(60 <= resultPersent && resultPersent < 80){
-            resultArr.push(4);
-        }else{
-            resultArr.push(5);
+        if (resultPersent < 20) {
+            setResultArr((prev) => [...prev, 1]);
+        } else if (20 <= resultPersent && resultPersent < 40) {
+            setResultArr((prev) => [...prev, 2]);
+        } else if (40 <= resultPersent && resultPersent < 60) {
+            setResultArr((prev) => [...prev, 3]);
+        } else if (60 <= resultPersent && resultPersent < 80) {
+            setResultArr((prev) => [...prev, 4]);
+        } else {
+            setResultArr((prev) => [...prev, 5]);
         }
 
+
     //     // 선택한 요소의 스타일 가져오기
     //     let choiceElement = document.querySelector(`.game_zone .round_${roundCount} .slot_box li:nth-of-type(${resultArr[roundCount-1]})`);
     //     if (choiceElement) {