commit

src/Router.tsx

@@ -27,7 +27,7 @@ const Router = () => {
             <Route path='mypage' element={<MyPage />} />
             <Route path='index' element={<Index />} />
             <Route path='signup' element={<SignUp />} />
-            <Route path='/chat/room/:roomId' element={<ChattingPage />} />
+            <Route path='/chatting/example' element={<ChattingPage />} />
             <Route path='chatting/book' element={<Book />} />
             <Route path='voice-call' element={<VoiceCall />} />
             <Route path='profile' element={<ProfilePage />} />

src/page/main/chat/Chat.tsx

@@ -63,7 +63,7 @@ const Chat = () => {
 
   const handleCardClick = (roomId: string) => {
     console.log(`Room ID clicked: ${roomId}`);
-    navigate(`/chat/room/${roomId}`);
+    navigate(`/chatting/example`);
   };
 
   return (

src/page/main/chat/chatting/ChattingPage.tsx

@@ -25,7 +25,6 @@ const ChattingPage = () => {
   const [showCallButton, setShowCallButton] = useState(true);
   const navigate = useNavigate();
   let userId = 0;
-  const { roomId } = useParams<{ roomId: string }>();
 
   const handleUserInfo = async () => {
     try {
@@ -46,15 +45,16 @@ const ChattingPage = () => {
   // Socket 연결
   useEffect(() => {
     const socket = io(signalUri, {
-      query: { roomId: roomId },
+      query: { roomId: 1 },
       withCredentials: true,
     });
     socketRef.current = socket;
-
+    console.log('asdf');
     // 메시지 수신 처리
     socket.on('message', (data) => {
       const isUserMessage = data.senderId === userId;
       const nowTime = new Date();
+      console.log(data);
       const formattedMessage: MessageData = {
         text: data.content,
         sender: isUserMessage ? 'user' : 'other',