방 목록 컴포넌트에 방 정보 컴포넌트 적용

@@ -2,6 +2,7 @@ import React, { useContext, useEffect, useState } from 'react';
 import { RouteComponentProps } from 'react-router';
 import { Footer } from '../components/common/Footer';
 import { MessageResponse, MessageType } from '../components/common/types';
+import { RoomInfo } from '../components/rooms/RoomInfo';
 import { Room } from '../components/rooms/types';
 import SocketContext from '../contexts/SocketContext';
 
@@ -23,10 +24,11 @@ export const Rooms: React.FC<RouteComponentProps> = ({ history }) => {
   useEffect(refreshRooms, []);
 
   return (
-    <div>
-      <header>header header</header>
-      <div className='flex items-center'>
-        <div>room test</div>
+    <div className='flex flex-col items-center w-screen h-screen'>
+      <div className='mt-auto w-screen flex flex-col items-center'>
+        <RoomInfo name='테스트테스트' currentUsers={3} maxUsers={9} uuid='234234'></RoomInfo>
+        <RoomInfo name='테스트테스트' currentUsers={5} maxUsers={9} uuid='234234'></RoomInfo>
+        <RoomInfo name='테스트테스트' currentUsers={9} maxUsers={9} uuid='234234'></RoomInfo>
       </div>
       <Footer />
     </div>