chore: 웹소켓 stompjs 추가

package.json

@@ -15,6 +15,7 @@
     "@emotion/styled": "^11.11.5",
     "@mui/material": "^5.16.0",
     "@mui/x-date-pickers": "^7.9.0",
+    "@stomp/stompjs": "^7.0.0",
     "axios": "^1.7.2",
     "dayjs": "^1.11.11",
     "react": "^18.2.0",

src/App.jsx

@@ -30,7 +30,7 @@ function App() {
             element={<PersonalPage />}
           />
           <Route
-            path="/group"
+            path="/group/:code"
             element={<GroupPage />}
           />
         </Routes>

src/components/ListPage/MainContent/ItemContainer.jsx

@@ -1,13 +1,18 @@
+import { useNavigate } from 'react-router-dom'
 import Item from './atom/Item'
 
 const ItemContainer = ({ onClick, groupData }) => {
+  const nav = useNavigate()
   return (
     <div className="w-full min-h-[222px] max-h-[354px] py-5 px-4 grid grid-cols-4 gap-4 border border-black overflow-y-scroll">
       <Item onClick={onClick} />
       {groupData?.map((data, index) => (
         <Item
           key={index}
           data={data}
+          onClick={() => {
+            nav(`/group/${data.code}`)
+          }}
         />
       ))}
     </div>

src/pages/GroupPage.jsx

@@ -1,5 +1,10 @@
+import { useParams } from 'react-router-dom'
+
 const GroupPage = () => {
+  const { code } = useParams()
+  console.log(code)
   return <p>GroupPage</p>
 }
 
 export default GroupPage
+ㅂ