Merge pull request #9 from eunhye-ahn/update/group-detail-response

[UPDATE] 그룹 상세 응답: 이미지 및 멤버 수 필드 추가

Author: eunhye-ahn

polling-app-client/src/components/MyGroups/MyGroups.jsx

@@ -0,0 +1,58 @@
+import React, { Component } from "react";
+import { ACCESS_TOKEN } from '../../constants';
+import "./MyGroups.css";
+import { getMyGroups } from '../../util/APIUtils';
+
+class MyGroups extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      groups: [],
+      loading: true,
+      error: null,
+    };
+  }
+
+  componentDidMount() {
+    const token = localStorage.getItem(ACCESS_TOKEN);
+
+    getMyGroups()
+    .then((data) => {
+      this.setState({ groups: data, loading: false });
+    })
+    .catch((error) => {
+      this.setState({ error: error.message || "에러 발생", loading: false });
+    });
+  }
+
+  render() {
+    const { groups, loading, error } = this.state;
+
+    return (
+      <div className="my-groups-container">
+        <h3>참여 중인 그룹</h3>
+        {loading ? (
+          <p>로딩 중...</p>
+        ) : error ? (
+          <p className="error">{error}</p>
+        ) : groups.length === 0 ? (
+          <p>참여한 그룹이 없습니다.</p>
+        ) : (
+          <div className="group-card-list">
+            {groups.map((group) => (
+              <div key={group.id} className="group-card">
+                <div className="group-avatar" />
+                <div className="group-info">
+                  <div className="group-name">{group.name}</div>
+                  <div className="group-count">멤버 {group.memberCount}명</div>
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+      </div>
+    );
+  }
+}
+
+export default MyGroups;

polling-app-client/src/util/APIUtils.js

@@ -116,4 +116,11 @@ export function getUserVotedPolls(username, page, size) {
         url: API_BASE_URL + "/users/" + username + "/votes?page=" + page + "&size=" + size,
         method: 'GET'
     });
+}
+
+export function getMyGroups() {
+    return request({
+        url: API_BASE_URL + "/groups/my",
+        method: 'GET'
+    });
 }

polling-app-server/src/main/java/com/example/polls/payload/Response/GroupSummaryResponse.java

@@ -9,12 +9,23 @@ public class GroupSummaryResponse {
     private String name;
     private String imageUrl;
     private String joinCode;
+    private int memberCount;
 
     public GroupSummaryResponse(Group group) {
         this.id = group.getId();
         this.name = group.getName();
         this.joinCode = group.getJoinCode();
         this.imageUrl = group.getImageUrl();
+        this.memberCount = group.getMembers().size();
+
+    }
+
+    public int getMemberCount() {
+        return memberCount;
+    }
+
+    public void setMemberCount(int memberCount) {
+        this.memberCount = memberCount;
     }
 
     public Long getId() {

polling-app-server/src/main/java/com/example/polls/service/GroupService.java

@@ -28,18 +28,23 @@ public class GroupService {
     private final GroupRepository groupRepository;
     private final UserRepository userRepository;
     private final GroupMemberRepository groupMemberRepository;
+    private static final String DEFAULT_GROUP_IMAGE_URL = "https://icons8.com/icon/DqsRVHkElCJ5/user-group";
 
     @Transactional
     public GroupSummaryResponse createGroup(CreateGroupRequest request,
                                             User creator) {
         //참여 코드 생성
         String joinCode = generateUniqueJoinCode();
 
+        String imageUrl = (request.getImageUrl() == null || request.getImageUrl().isBlank())
+                ? DEFAULT_GROUP_IMAGE_URL
+                : request.getImageUrl();
+
         //그룹 엔티티 생성
         Group group = new Group();
         group.setName(request.getName());
         group.setDescription(request.getDescription());
-        group.setImageUrl(request.getImageUrl());
+        group.setImageUrl(imageUrl);
         group.setJoinCode(joinCode);
 
         //그룹저장

polling-app-server/src/main/resources/application.properties

@@ -2,11 +2,6 @@
 server.port= 8080
 server.compression.enabled=true
 
-#Debug
-logging.level.org.springframework.web=DEBUG
-logging.level.com.example=DEBUG
-
-
 ## Spring DATASOURCE (DataSourceAutoConfiguration & DataSourceProperties)
 spring.datasource.url= jdbc:mysql://localhost:3306/polling_app?useSSL=false&serverTimezone=UTC&useLegacyDatetimeCode=false
 spring.datasource.username= root
@@ -41,4 +36,4 @@ app.jwtExpirationInMs = 604800000
 app.cors.allowedOrigins = http://localhost:3000
 
 ## Spring Profiles
-# spring.profiles.active=prod
+# spring.profiles.active=prod