feat: 채팅방 멤버수, 업데이트 시간 추가 (#112)

* feat: 채팅 참가 멤버수 도메인 추가

* feat: 마지막 채팅 시간 도메인 추가

* feat: 프론트 채팅 멤버수, 마지막 채팅 시간 표시

* refact: chatroom column 추가

* chore: Java 스타일 수정

* refact: Count 쿼리 적용

* refact: 마지막 채팅 시간 관련 도메인 수정

* refact: 도메인 수정으로 인한 DDL 파일 작성

Author: audwls239

NBE_5_7_2_02TEAM/src/main/java/io/twogether/nbe_5_7_2_02team/chat/dao/ChatMemberRepository.java

@@ -17,4 +17,6 @@ public interface ChatMemberRepository extends JpaRepository<ChatMember, Long> {
     List<ChatMember> findByMember(Member member);
 
     void deleteByChatRoom(ChatRoom chatRoom);
+
+    long countByChatRoom(ChatRoom chatRoom);
 }

NBE_5_7_2_02TEAM/src/main/java/io/twogether/nbe_5_7_2_02team/chat/domain/ChatRoom.java

@@ -3,6 +3,7 @@
 import io.twogether.nbe_5_7_2_02team.global.common.BaseEntity;
 import io.twogether.nbe_5_7_2_02team.post.domain.Post;
 
+import jakarta.persistence.Column;
 import jakarta.persistence.Entity;
 import jakarta.persistence.GeneratedValue;
 import jakarta.persistence.GenerationType;
@@ -14,9 +15,11 @@
 import lombok.Builder;
 import lombok.Getter;
 import lombok.NoArgsConstructor;
+import lombok.Setter;
 
 @Entity
 @Getter
+@Setter
 @NoArgsConstructor(access = AccessLevel.PROTECTED)
 public class ChatRoom extends BaseEntity {
 
@@ -28,7 +31,13 @@ public class ChatRoom extends BaseEntity {
     @JoinColumn(name = "post_id")
     private Post post;
 
-    @Builder
+    @Column(name = "member_count")
+    private Long memberCount = 0L;
+
+    @Column(name = "last_chat_id")
+    private Long lastChatId = 0L;
+
+    @Builder(toBuilder = true)
     public ChatRoom(Post post) {
         this.post = post;
     }

NBE_5_7_2_02TEAM/src/main/java/io/twogether/nbe_5_7_2_02team/chat/dto/response/ChatRoomGetResponse.java

@@ -5,19 +5,25 @@
 import lombok.Builder;
 import lombok.Getter;
 
+import java.time.LocalDateTime;
+
 @Getter
 @Builder
 public class ChatRoomGetResponse {
 
     private final Long id;
     private final Long postId;
     private final String title;
+    private final Long memberCount;
+    private final LocalDateTime updatedAt;
 
     public static ChatRoomGetResponse from(ChatRoom chatroom) {
         return ChatRoomGetResponse.builder()
                 .id(chatroom.getId())
                 .postId(chatroom.getPost().getId())
                 .title(chatroom.getPost().getTitle())
+                .memberCount(chatroom.getMemberCount())
+                .updatedAt(chatroom.getUpdatedAt())
                 .build();
     }
 }

NBE_5_7_2_02TEAM/src/main/java/io/twogether/nbe_5_7_2_02team/chat/service/ChatMemberService.java

@@ -71,14 +71,21 @@ public Long createChatMember(Long chatroomId, UserDetails userDetails) {
             throw new ErrorException(CHAT_MEMBER_ALREADY_EXISTS);
         }
 
-        return chatMemberRepository
-                .save(
-                        ChatMember.builder()
-                                .chatRoom(chatRoom)
-                                .member(member)
-                                .chatMemberStatus(ONLINE)
-                                .build())
-                .getId();
+        Long id =
+                chatMemberRepository
+                        .save(
+                                ChatMember.builder()
+                                        .chatRoom(chatRoom)
+                                        .member(member)
+                                        .chatMemberStatus(ONLINE)
+                                        .build())
+                        .getId();
+
+        long size = chatMemberRepository.countByChatRoom(chatRoom);
+
+        chatRoom.setMemberCount(size);
+
+        return id;
     }
 
     @Transactional

NBE_5_7_2_02TEAM/src/main/java/io/twogether/nbe_5_7_2_02team/chat/service/ChatMessageService.java

@@ -80,7 +80,9 @@ public ChatMessageGetResponse createChatMessage(
                                         .build())
                         .getId();
 
-        ChatMessage chatMessage = chatMessageRepository.findById(chatMessageId).get();
+        ChatMessage chatMessage = chatMessageRepository.findById(chatMessageId).orElseThrow();
+
+        chatRoom.setLastChatId(chatMessageId);
 
         return ChatMessageGetResponse.from(chatMessage);
     }

NBE_5_7_2_02TEAM/src/main/resources/db/migration/prod/V3__chatCount.sql

@@ -0,0 +1,5 @@
+-- chat_room 테이블에 member_count, last_chat_id 컬럼 추가
+ALTER TABLE chat_room
+    ADD COLUMN member_count bigint NOT NULL DEFAULT 0;
+ALTER TABLE chat_room
+    ADD COLUMN last_chat_id bigint;

NBE_5_7_2_02TEAM/src/test/resources/db/migration/test/V3__chatCount.sql

@@ -0,0 +1,5 @@
+-- chat_room 테이블에 member_count, last_chat_id 컬럼 추가
+ALTER TABLE chat_room
+    ADD COLUMN member_count bigint NOT NULL DEFAULT 0;
+ALTER TABLE chat_room
+    ADD COLUMN last_chat_id bigint;

frontend/src/components/ChatRoomItem.tsx

@@ -4,6 +4,8 @@ interface ChatRoom {
   id: number
   post_id: number
   title: string
+  member_count: number;
+  updated_at: Date;
 }
 
 interface ChatRoomItemComponentProps {
@@ -32,9 +34,10 @@ function ChatRoomItem({ chatRoom, onRoomSelect, isActive = false, isCompact = fa
           <div className="flex items-center mb-2">
             <h3 className="text-[15px] font-semibold text-[#050505] truncate">{chatRoom.title}</h3>
           </div>
-          {/* <div className="text-[13px] text-[#65676b] mb-2">
-            Room ID: {chatRoom.id} • Post ID: {chatRoom.post_id}
-          </div> */}
+          <div className="text-[13px] text-[#65676b] mb-2">
+            멤버: {chatRoom.member_count}명</div>
+            <div className="text-[13px] text-[#65676b] mb-2"> 업데이트: {new Date(chatRoom.updated_at).toLocaleString("ko-KR", { year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" })}
+          </div >
           <button
             className="bg-[#1877f2] hover:bg-[#166fe5] text-white rounded-md py-2 text-sm font-medium transition-colors w-full"
             onClick={(e) => {
@@ -51,9 +54,9 @@ function ChatRoomItem({ chatRoom, onRoomSelect, isActive = false, isCompact = fa
           <div className="flex items-center flex-1 min-w-0 mr-3">
             <div className="w-full">
               <h3 className="text-[15px] font-semibold text-[#050505] truncate">{chatRoom.title}</h3>
-              {/* <div className="text-[13px] text-[#65676b]">
-                Room ID: {chatRoom.id} • Post ID: {chatRoom.post_id}
-              </div> */}
+              <div className="text-[13px] text-[#65676b]">
+                멤버: {chatRoom.member_count}명 • 업데이트: {new Date(chatRoom.updated_at).toLocaleString("ko-KR", { year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit" })}
+              </div>
             </div>
           </div>
           <button