Merge pull request #127 from prgrms-web-devcourse-final-project/feature/

#126-TestSet

Feature: test 환경 셋팅

app/game/[roomId]/[round]/page.tsx

@@ -111,9 +111,6 @@ const GamePage = ({ params }: GamePageProps) => {
     }
   };
 
-  // 디버깅용 콘솔 로그 추가
-  console.log('현재 gameState:', gameState);
-  console.log('contentUrls:', gameState.roundState?.contentUrls);
   return (
     <>
       <PageWrapper>
@@ -126,7 +123,7 @@ const GamePage = ({ params }: GamePageProps) => {
           isMapView={isMapView}
           onBackClick={handleBackClick}
         />
-        <Timer initialTime={60} onTimeEnd={handleNextRound} />
+        <Timer initialTime={30} onTimeEnd={handleNextRound} />
 
         {/* 기본 뷰 (스와이퍼와 힌트) */}
         {isMapView ? (

app/game/[roomId]/[round]/roundRank/page.tsx

@@ -34,7 +34,7 @@ const RoundRank = ({
 }) => {
   const router = useRouter();
   const currentRound = Number(params.round) || 1;
-  const maxRounds = 3;
+  const maxRounds = 2;
   const messages = useWebSocketStore((state) => state.messages);
   const [currentRoundData, setCurrentRoundData] = useState<
     'thisRound' | 'totalRound'
@@ -54,8 +54,8 @@ const RoundRank = ({
             ? b.score - a.score
             : b.totalScore - a.totalScore
         )
-        .map((coord) => ({
-          rank: 0,
+        .map((coord, index) => ({
+          rank: index + 1,
           name: coord.nickname,
           score:
             currentRoundData === 'thisRound' ? coord.score : coord.totalScore,
@@ -80,7 +80,7 @@ const RoundRank = ({
     <PageWrapper>
       <TopBar NavType="game" label={`${currentRound} 라운드`} />
       {currentRound < maxRounds && (
-        <Timer initialTime={15} onTimeEnd={handleNextRound} />
+        <Timer initialTime={10} onTimeEnd={handleNextRound} />
       )}
       <MapComponent
         mode="rank"
@@ -96,7 +96,7 @@ const RoundRank = ({
       />
       {currentRound >= maxRounds && (
         <Footer>
-          <CountdownButton initialTime={15} onTimeEnd={handleNextRound} />
+          <CountdownButton initialTime={10} onTimeEnd={handleNextRound} />
         </Footer>
       )}
     </PageWrapper>

components/Layout/Game/GoogleMap.tsx

@@ -114,6 +114,24 @@ const MapComponent: React.FC<MapComponentProps> = ({
     }
   };
 
+  // 부드러운 줌을 위한 함수 추가
+  const smoothZoom = (
+    map: google.maps.Map,
+    targetZoom: number,
+    currentZoom: number
+  ) => {
+    if (currentZoom !== targetZoom) {
+      const nextZoom =
+        currentZoom < targetZoom ? currentZoom + 1 : currentZoom - 1;
+      google.maps.event.addListenerOnce(map, 'zoom_changed', () => {
+        setTimeout(() => {
+          smoothZoom(map, targetZoom, nextZoom);
+        }, 180); // 줌 속도 조절
+      });
+      map.setZoom(nextZoom);
+    }
+  };
+
   // 정답 좌표 및 유저 좌표 마커 배치 함수
   const placeMarkers = () => {
     if (!mapRef.current) return;
@@ -136,13 +154,15 @@ const MapComponent: React.FC<MapComponentProps> = ({
       });
       markerRefs.current.push(answerMarker);
 
-      // 더 자연스러운 줌 애니메이션을 위한 순차적 실행
-      mapRef.current.setZoom(12); // 먼저 넓은 시야로 줌 아웃
+      // 더 자연스러운 줌 애니메이션
+      mapRef.current.setZoom(7); // 먼저 넓은 시야로 줌 아웃
       setTimeout(() => {
         mapRef.current?.panTo(answerCoordinate); // 위치로 이동
         setTimeout(() => {
-          mapRef.current?.setZoom(15); // 부드럽게 줌인
-        }, 1000);
+          if (mapRef.current) {
+            smoothZoom(mapRef.current, 15, 7); // 부드럽게 줌인 (7에서 15까지)
+          }
+        }, 500);
       }, 100);
     }
 

lib/websocket/gameWebsocket.ts

@@ -4,7 +4,6 @@ import useUserStore from '@/stores/useUserStore';
 import toast from 'react-hot-toast';
 import { API_URL_CONFIG } from '@/config/apiEndPointConfig';
 
-// 인터페이스 정의 부분은 변경 없음
 export interface RoundCreateRequest {
   gameId: number;
   roundNum: number;

next.config.mjs

@@ -1,5 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  reactStrictMode: false,
   compiler: {
     styledComponents: {
       displayName: true,