chat inner debut

client/src/Components/Chat.js

@@ -6,7 +6,7 @@ function Chat(props) {
   let defaultname = sessionStorage.getItem('name');
 
   const [inner, setInner] = useState([''])
-  const [chat, setChat] = useState([inner])   //object로 key는 보낸사람 value는 메세지
+  const [chat, setChat] = useState([])   //object로 key는 보낸사람 value는 메세지
 
   function handleChange(e) {
     e.preventDefault()
@@ -24,7 +24,7 @@ function Chat(props) {
   useEffect(() => {
     setChat([...chat, props.singleChat])
   }, [props.singleChat])
-  
+
   useEffect(() => {
     setChat([...chat, props.recievedMsg])
   }, [props.recievedMsg])
@@ -33,9 +33,10 @@ function Chat(props) {
 
     <div className="chat" id="chat" style={{ border: "2px solid", height: "300%", margin: "1%", borderColor: "#BDBDBD" }}>
       <h2>현재 {props.roomName} 입니다.</h2>
-      {      chat.map((value, index) => {
-        if (!(value=='')) {
-          // console.log(`value=${value}=`)
+      {console.log(chat)}
+      {chat.map((value, index) => {
+        if (!(value === '')) {
+          console.log('value=', value)
           return <Row key={index} className='ml-3'>
             {props.roomName}에서 {defaultname}님이 보낸 메세지 : {value}
           </Row>

client/src/Components/ClosedList.js

@@ -24,7 +24,7 @@ function ClosedList(props) {
     console.log(e.target.name)
     console.log(e.target)
     const roomName = e.target.name
-    props.enterChatroom(roomName) // 각각의 room으로 들어가도록 설정해야 함
+    props.enterChatRoom(roomName) // 각각의 room으로 들어가도록 설정해야 함
     props.setRoomName(roomName)
    
   }

client/src/Pages/HomePage.js

@@ -36,7 +36,7 @@ function Home() {
 
 
     //SOCKET 관련 시작
-    function enterChatroom(rName) {    //방 입장하기
+    function enterChatRoom(rName) {    //방 입장하기
         socket.emit('joinRoom', rName)
         console.log(`joinRoom : ${rName} 입장`)
     }
@@ -92,7 +92,7 @@ function Home() {
                 </Col>
             </Row>
             <RoomMake showModal={showModal} handleCloseModal={handleCloseModal} />
-            <EnterRoom showEnter={showEnter} enterChatRoom={enterChatroom} handleCloseEnter={handleCloseEnter} />
+            <EnterRoom showEnter={showEnter} enterChatRoom={enterChatRoom} handleCloseEnter={handleCloseEnter} />
         </>
     );
 }