From e9d22641858df0df9bd5c854853e6d98c23100b4 Mon Sep 17 00:00:00 2001
From: yeryunJung <2bites@naver.com>
Date: Fri, 6 Oct 2023 09:40:41 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=9E=AD=ED=82=B9=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EC=8A=A4=ED=81=AC=EB=A1=A4=20=EC=A0=9C=EA=B1=B0=20?=
 =?UTF-8?q?=EB=B0=8F=20=EC=BA=90=EB=A6=AD=ED=84=B0=20=EC=9C=84=EC=B9=98=20?=
 =?UTF-8?q?=EC=84=A4=EC=A0=95=20=EC=88=98=EC=A0=95=20[FRONT-315]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/RankingPage.tsx  |  5 +++++
 client/src/pages/StageMapPage.tsx | 28 +++++++++++++++-------------
 2 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/client/src/pages/RankingPage.tsx b/client/src/pages/RankingPage.tsx
index 3a32a70..b9e801d 100644
--- a/client/src/pages/RankingPage.tsx
+++ b/client/src/pages/RankingPage.tsx
@@ -27,6 +27,11 @@ const RankingPageContainer = styled.div`
   padding: 2.5rem;
   align-items: center;
   justify-content: center;
+  width: 100vw;
+  height: 100vh;
+  min-height: 100vh;
+  position: fixed;
+  overflow: hidden;
 `;
 
 const PostContainer = styled.div`
diff --git a/client/src/pages/StageMapPage.tsx b/client/src/pages/StageMapPage.tsx
index a85899f..f8c3c76 100644
--- a/client/src/pages/StageMapPage.tsx
+++ b/client/src/pages/StageMapPage.tsx
@@ -235,22 +235,24 @@ function StageMapPage() {
   }
 
   useEffect(() => {
+    let positionIndex = 1;
     if (userLevel.highestClearedStageNumber) {
-      let positionIndex = getPositionIndex(userLevel.highestClearedStageNumber);
-
-      // 만약 highestClearedStageNumber가 4 이상이면 positionIndex를 3으로 설정
-      if (userLevel.highestClearedStageNumber >= 4) {
-        console.log('유저의 최고레벨', userLevel.highestClearedStageNumber);
-        positionIndex = 3;
+      if (userLevel.highestClearedStageNumber >= userLevel.level[0].stageNum) {
+        positionIndex = getPositionIndex(userLevel.highestClearedStageNumber);
+
+        // 만약 highestClearedStageNumber가 4 이상이면 positionIndex를 3으로 설정
+        if (userLevel.highestClearedStageNumber >= 4) {
+          console.log('유저의 최고레벨', userLevel.highestClearedStageNumber);
+          positionIndex = 3;
+        }
+        console.log('유저 포지션 인덱스', positionIndex);
       }
-      console.log('유저 포지션 인덱스', positionIndex);
-
-      // 최고 기록 레벨을 초기 선택된 레벨로 설정
-      setSelectedLevelIndex(positionIndex - 1);
-      // 최고 기록 레벨을 초기 캐릭터 위치로 설정
-      const newPosition = levelPositions[positionIndex];
-      setCharacterPosition(newPosition);
     }
+    // 최고 기록 레벨을 초기 선택된 레벨로 설정
+    setSelectedLevelIndex(positionIndex - 1);
+    // 최고 기록 레벨을 초기 캐릭터 위치로 설정
+    const newPosition = levelPositions[positionIndex];
+    setCharacterPosition(newPosition);
   }, [userLevel, currentPage]);
 
   console.log('초기 캐릭터 위치는?', characterPosition);