Merge pull request #103 from sayyyho/dev

Fix: 실시간 커넥션 고유 방번호 로직 추가

src/App.jsx

@@ -23,7 +23,7 @@ function App() {
       <Routes>
         <Route path="/" element={<PeopleListPage />}></Route>
         <Route path="/chat" element={<ChatPage />}></Route>
-        <Route path="/video" element={<RTCPage />}></Route>
+        <Route path="/video/:roomName" element={<RTCPage />}></Route>
         <Route path="/list" element={<PeopleListPage />} />
         <Route path="/details" element={<PeopleDetailPage />} />
         <Route path="/login" element={<LoginPage />} />

src/pages/WebRTC/VideoPage.jsx

@@ -1,15 +1,17 @@
 import React, { useEffect, useRef } from "react";
+import { useParams } from "react-router-dom";
 import Layout from "../../components/Common/Layout";
 import * as S from "./style";
 import { io } from "socket.io-client";
 import MiniLayout from "../../components/Common/miniLayout";
 
 const RTCPage = () => {
+  const params = useParams();
   const socketRef = useRef(null);
   const myVideoRef = useRef(null);
   const remoteVideoRef = useRef(null);
   const pcRef = useRef(null);
-  const roomName = "testRoom"; // You can dynamically generate or pass this
+  const roomName = params.roomName; // You can dynamically generate or pass this
 
   const getMedia = async () => {
     try {