Merge pull request #112 from Plick-pop-in/refactor/chatbubble/#2

[refactor/chatbubble/#2] 나와 나아닌사람이 보낸 메세지 백그라운드 컬러 변경

src/component/live/ChatMessage.js

@@ -1,11 +1,17 @@
 import React from "react";
+import { useSelector } from 'react-redux';
 import "./css/ChatMessage.css"; 
 
 const ChatMessage = ({ nickname, message, time }) => {
+    const currentUserNickname = useSelector(state => state.loginSlice.nickname);
+    const isCurrentUser = nickname === currentUserNickname;
+
     return (
         <div className="chat-message">
             <span className="user-nickname">{nickname}</span>
-            <div className="message-bubble">{message}</div>
+            <div className={`message-bubble ${isCurrentUser ? 'current-user' : ''}`}>
+                {message}
+            </div>
             <span className="message-time">{time}</span>
         </div>
     );

src/component/live/css/ChatMessage.css

@@ -30,6 +30,11 @@
   margin-top: 5px;
 }
 
+.message-bubble.current-user {
+  background-color: #47ABD9; /* 변경할 배경색 */
+  color: white; /* 예시: 글자색 변경 */
+}
+
 .message-time {
   font-family: "Pretendard-Regular";
   font-size: 12px;