리스트 스타일

client/src/Components/ClosedList.js

 import React from 'react'
 import { Badge, ListGroup } from 'react-bootstrap';
+import "../Pages/Home.css";
 
 const INIT_LIST = [{
   interest: '',
@@ -62,7 +63,8 @@ function ClosedList(props) {
     <div>
       {props.closedlist.map((item, index) =>
         <ListGroup key={index}>
-          <ListGroup.Item action onClick={enterChatRoomCH} name={item.roomId} value={item.roomName}>
+          <ListGroup.Item action onClick={enterChatRoomCH} name={item.roomId} value={item.roomName}
+          className='rounded-0'>
             {item.roomName}
             {/* {[index] ? <Badge className='ml-2' pill variant='danger'>{unreadnumber[index]}</Badge> : ''} */}
           </ListGroup.Item>

client/src/Components/OpenList.js

 import React from 'react'
 import { ListGroup } from 'react-bootstrap';
+import "../Pages/Home.css";
 
 function OpenList(props) {
 
   function enterChatRoomCH(e) {
-    if (props.roomCode){
+    if (props.roomCode) {
       props.closeChatRoom(props.roomCode)
     }
     const roomCode = e.target.name
@@ -16,7 +17,7 @@ function OpenList(props) {
     <div>
       {props.openlist.map((item, index) =>
         <ListGroup key={index}>
-          <ListGroup.Item action onClick={enterChatRoomCH} name={item.roomId}>
+          <ListGroup.Item action onClick={enterChatRoomCH} name={item.roomId} className='rounded-0'>
             {item.roomName}
           </ListGroup.Item>
         </ListGroup>

client/src/Pages/Home.css

@@ -4,4 +4,8 @@
 
 .nav-tabs .nav-item.nav-link.active {
   color:slateblue !important;
-}
+}
\ No newline at end of file
+
+.list-group-item-action{
+  border-top: none;
+}

client/src/Pages/HomePage.js

@@ -200,7 +200,7 @@ function Home() {
             : <> {open ? <div className="vh-90 flex-column align-items-center justify-content-center mt-2" variant="dark">
               <div className="d-flex justify-content-center">
                 <div className="mt-5 p-5 shadow w-75">
-                  <h2 className="d-flex justify-content-center mb-3">현재 {room.roomName}방 입니다.</h2>
+                  <h2 className="d-flex justify-content-center mb-3">현재 {room.roomName} 입니다.</h2>
                   <h5>▷ 관심분야 : {room.interest}</h5>
                   <h5>▷ 참여인원 : {room.member.length}</h5>
                   <h5 className="mb-3">▷ 방코드(방코드를 통해서도 참여할 수 있습니다.) : {room.roomId}</h5>