Merge pull request #58 from Minjae-An/feature/#57

Feature/#57

Cockpybara/src/main/frontend/src/App.js

@@ -59,6 +59,7 @@ function App() {
         <Route path="/user/{userId}/my-page" element={<MyPage />} />
         <Route path="/user/my-recipe" element={<AddRecipe/>} />
         <Route path="/recipe/detail/{cocktailId}" element={<RecipeDetail/>} />
+        <Route path="/community" element={<Community/>} />
       </Routes>
     </div>
   );

Cockpybara/src/main/frontend/src/Community.js

@@ -1,11 +1,33 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import axios from 'axios';
 
 const Community = () => {
+  const navigate = useNavigate();
+
+
+  const handleMyPageButtonClick = () => {
+    // Navigate to the MyPage component when the button is clicked
+    navigate('/user/{userId}/my-page');
+  };
+
+
+
   return (
     <div>
-      <h1>Page 3_메뉴</h1>
+      <div style={{ backgroundColor: 'skyblue' }}>
+        <h2>MY 커뮤니티</h2>
+
+        <button onClick={handleMyPageButtonClick}>마이 페이지로 이동</button>
+      </div>
+      <div style={{ backgroundColor: 'pink' }}>
+        <h2>월간 인기</h2>
+      </div>
+      <div style={{ backgroundColor: 'lightgreen' }}>
+        <h2>칵테일 나열</h2>
+      </div>
     </div>
   );
 };
 
-export default Community;
+export default Community;