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,7 +15,6 @@ 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' }}>
   <div className='Screen' style={{ borderColor: 'blue', width: '100vw', height: '100vh' }}>
     <TopBanner />
     <TopBanner />
 
 
@@ -23,15 +22,14 @@ root.render(
     <div className='bodyContent' style={{ width: '100%', height: '100%' }}>
     <div className='bodyContent' style={{ width: '100%', height: '100%' }}>
       <Router>
       <Router>
         <Routes>
         <Routes>
-            <Route path="/" element={<MainPage/>}/>
-            <Route path="/menu" element={<MenuPage/>}/>
+          <Route path="/" element={<MainPage />} />
+          <Route path="/menu" element={<MenuPage />} />
         </Routes>
         </Routes>
       </Router>
       </Router>
     </div>
     </div>
 
 
 
 
   </div>
   </div>
-  </React.StrictMode>
 );
 );
 
 
 reportWebVitals();
 reportWebVitals();