fix server dockerfile

.gitignore

@@ -1,3 +1,5 @@
+.env
+
 ## Ignore Visual Studio temporary files, build results, and
 ## files generated by popular Visual Studio add-ons.
 ##

server/Dockerfile

@@ -1,5 +1,5 @@
 FROM ubuntu:latest
 
-COPY server-0.0.1-SNAPSHOT.jar app.jar
+COPY ./build/libs/server-0.0.1-SNAPSHOT.jar app.jar
 
 ENTRYPOINT ["java","-jar","/app.jar"]

web/src/App.tsx

@@ -1,27 +1,28 @@
-import React, { useEffect } from "react";
-import { GlobalStyle } from "@style/globalStyle";
+import React, {useEffect} from "react";
+import {GlobalStyle} from "@style/globalStyle";
 import AppStateProvider from "@provider/theme/AppStateProvider";
-import { BrowserRouter } from "react-router-dom";
+import {BrowserRouter} from "react-router-dom";
 import Routes from "@src/routes";
 import axios from "axios";
 
 function App() {
-  useEffect(() => {
-    axios
-      .get(`${process.env.SERVER_BASE_URL ?? "http://localhost:8080"}/test`)
-      .then((res) => {
-        console.log(res.data);
-      });
-  }, []);
+    useEffect(() => {
+        axios
+            .get(`${process.env.SERVER_BASE_URL ?? "http://localhost:8080"}/test`)
+            .then((res) => {
+                console.log(res.data);
+            })
+            .catch(e => console.log(e));
+    }, []);
 
-  return (
-    <AppStateProvider>
-      <BrowserRouter>
-        <GlobalStyle />
-        <Routes />
-      </BrowserRouter>
-    </AppStateProvider>
-  );
+    return (
+        <AppStateProvider>
+            <BrowserRouter>
+                <GlobalStyle/>
+                <Routes/>
+            </BrowserRouter>
+        </AppStateProvider>
+    );
 }
 
 export default App;

web/src/config.ts

@@ -0,0 +1,7 @@
+import * as process from "node:process";
+
+const config = {
+    baseUrl: process.env.REACT_APP_SERVER_URL,
+};
+
+export default config;

web/src/data/Repository.ts

@@ -0,0 +1,29 @@
+import axios from "axios";
+import config from "@src/config";
+
+const usAxios = axios.create({
+    baseURL: config.baseUrl,
+})
+
+class Repository {
+    async ai1(prompt: string): Promise<Response> {
+        const {data} = await usAxios.post('ai/1', {
+            text: prompt
+        });
+        return data;
+    }
+
+    async ai2(prompt: string): Promise<Response> {
+        const {data} = await usAxios.post('ai/2', {
+            text: prompt
+        });
+        return data;
+    }
+
+    async ai3(prompt: string): Promise<Response> {
+        const {data} = await usAxios.post('ai/3', {
+            text: prompt
+        });
+        return data;
+    }
+}

web/src/data/Response.ts

@@ -0,0 +1,4 @@
+export default interface Response {
+    state: number;
+    message: string;
+}

web/src/page/play/scene/ScenePage.tsx

@@ -60,17 +60,17 @@ export default function ScenePage(
                         <S.Name>
                             {user.name ?? name}
                         </S.Name>
-                        {chat.isLoading == true && (
-                            <Loader></Loader>
+                        {chat.isLoading === true && (
+                            <Loader/>
                         )}
-                        {typeof chat.message === "string" && chat.isLoading != true && (
+                        {typeof chat.message === "string" && chat.isLoading !== true && (
                             <TypingText
                                 text={chat.message}
                                 speed={50}
                                 onEnded={handleKeyDown}
                             />
                         )}
-                        {typeof chat.message === "object" && chat.isLoading != true && (
+                        {typeof chat.message === "object" && chat.isLoading !== true && (
                             <SelectText
                                 texts={chat.message}
                                 onEnded={(text: string) => {

web/src/routes.tsx

@@ -1,13 +1,13 @@
-import {Route, Routes as Switch} from "react-router-dom";
+import {Navigate, Route, Routes as Switch} from "react-router-dom";
 import StartPage from "@src/page/start/StartPage";
 import PlayPage from "@src/page/play/PlayPage";
 
 export default function Routes() {
     return (
         <Switch>
-            <Route path={"/"} element={<StartPage/>} />
+            <Route path={"/"} index={true} element={<StartPage/>} />
             <Route path={"/play"} element={<PlayPage/>} />
-            <Route path={'*'} element={<div>404</div>}/>
+            <Route path={'*'} element={<Navigate to={'/'} replace={true}/>}/>
         </Switch>
     );
 }