load menu list in menu page

 import './App.css';
 import './App.css';
 import axios from "axios";
 import axios from "axios";
+import { useEffect } from 'react';
 
 
 function MenuPage() {
 function MenuPage() {
+
+  const getMenuList = () => {
+    axios.get("/api/menuList").then((res) => {
+      console.log(res.data);
+    });
+  }
+
+  useEffect(()=>{
+    getMenuList();
+  }, []);
+
   return (
   return (
     <div>
     <div>
       메뉴 페이지
       메뉴 페이지

@@ -15,23 +15,21 @@ import {
 
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
 root.render(
-  <React.StrictMode>
-    <div className='Screen' style={{ borderColor: 'blue', width: '100vw', height: '100vh' }}>
-      <TopBanner />
+  <div className='Screen' style={{ borderColor: 'blue', width: '100vw', height: '100vh' }}>
+    <TopBanner />
 
 
-      <SideChat />
-      <div className='bodyContent' style={{ width: '100%', height: '100%' }}>
-        <Router>
-          <Routes>
-            <Route path="/" element={<MainPage/>}/>
-            <Route path="/menu" element={<MenuPage/>}/>
-          </Routes>
-        </Router>
-      </div>
+    <SideChat />
+    <div className='bodyContent' style={{ width: '100%', height: '100%' }}>
+      <Router>
+        <Routes>
+          <Route path="/" element={<MainPage />} />
+          <Route path="/menu" element={<MenuPage />} />
+        </Routes>
+      </Router>
+    </div>
 
 
 
 
-    </div>
-  </React.StrictMode>
+  </div>
 );
 );
 
 
 reportWebVitals();
 reportWebVitals();