img upload

Author: kdaon07

.env.development

@@ -0,0 +1 @@
+VITE_API_URL=/api

.env.production

@@ -0,0 +1 @@
+VITE_API_URL=https://space-edu.org

src/App.jsx

@@ -52,7 +52,7 @@ const App = () => {
           <Route path="/" element={<LandingPage />} />
           <Route path="/join" element={<Join />} />
           <Route path="/login" element={<Login />} />
-          <Route element={<PrivateRoute />}>
+          {/* <Route element={<PrivateRoute />}> */}
             <Route path="/main" element={<Main />} />
             <Route path="/sea/:id" element={<Sea />} />
             <Route path="/volcano/:id" element={<Volcano />} />
@@ -66,7 +66,7 @@ const App = () => {
             <Route path="/admin/question" element={<Question />} />
             <Route path="/admin/incorrect" element={<Incorrect />} />
             <Route path="/admin/maximun" element={<Maximun />} />
-          </Route>
+          {/* </Route> */}
         </Routes>
       </Suspense>
     </ErrorBoundary>

src/Components/Simulator.jsx

@@ -2,15 +2,16 @@ import { useState, useEffect } from "react";
 import Stage from "./Stage";
 import styled from "styled-components";
 
-export default function Simulator({array, img, title,   direction}) {
+export default function Simulator({array, img, title, direction}) {
     const [item, setItem] = useState([]);
     useEffect(() => {
         setItem(img);
         console.log(direction);
     }, []);
-    
+
+
     return (
-        <SimulBg>
+        <SimulBg onClick={() => console.log(item)}>
             <Map>
                 <tbody>
                     {array.map((row, rowIndex) => (

src/Page/LandingPage/index.jsx

@@ -35,9 +35,10 @@ export default function LandingPage({ setMainLogin }) {
           },
           withCredentials: true,
         });
-
-        if (response.status === 200) {
+        console.log(response);
+        if (response.status !== 200) {
           setLogin(true)
+          console.log(response.status);
         }
       } catch (e) {
         setLogin(false);
@@ -107,6 +108,8 @@ export default function LandingPage({ setMainLogin }) {
     }
   }
 
+  console.log(login);
+
   return (
     <div>
       <S.Body />

src/Page/Quiz/Plant/index.jsx

@@ -12,9 +12,27 @@ export default function Plant() {
     const [text, setText] = useState([]);
     const [map, setMap] = useState([]);
     const [loading, setLoading] = useState(true);
-    const [object, setObject] = useState([]);
+    const [object, setObject] = useState({});
     const [dir, setDir] = useState("");
 
+    useEffect(() => {
+        setObject({
+            0: "/src/assets/map/player.svg",
+            3: "/src/assets/map/wall.svg",
+            1000: "/src/assets/map/potion.svg",
+            1001: "/src/assets/map/tree_wall.svg",
+            1002: "/src/assets/map/herb.svg",
+            1003: "/src/assets/map/mushroom1.svg",
+            1004: "/src/assets/map/mushroom2.svg",
+            1005: "/src/assets/map/flower.svg",
+            1006: "/src/assets/map/snake.svg",
+            1007: "/src/assets/map/tree.svg",
+            1008: "/src/assets/map/egg.svg",
+            1009: "/src/assets/map/incubator.svg",
+            2001: "/src/assets/map/thorn.svg",
+        });
+    }, []); // 마운트 시 한 번만 실행
+
     useEffect(() => {
         setLoading(true);
         const QuizData = async () => {
@@ -52,10 +70,6 @@ export default function Plant() {
                     }))
                 ]);
                 setMap(response1.data.map);
-                setObject({
-                    ...response1.data.mapObjectImage,
-                    ...response3.data.mapObjectImage
-                });
                 setLoading(false);
                 setDir(response1.data.characterDirection);
             } catch (error) {