그룹 생성 오류 수정

Author: eunhye-ahn

polling-app-client/src/components/Dashboard/GroupCreateModal.jsx

@@ -1,6 +1,7 @@
 import React, { Component } from 'react';
 import { Modal, Input, message } from 'antd';
-import { ACCESS_TOKEN } from '../../constants';
+import { createGroup } from '../../util/APIUtils';
+
 
 class GroupCreateModal extends Component {
   constructor(props) {
@@ -17,25 +18,22 @@ class GroupCreateModal extends Component {
   }
 
   handleSubmit = () => {
+
     const { name, description, imageUrl } = this.state;
-    const token = localStorage.getItem(ACCESS_TOKEN);
 
-    fetch('/api/groups', {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${token}`,
-      },
-      body: JSON.stringify({ name, description, imageUrl }),
-    })
-      .then(res => {
-        if (!res.ok) throw new Error('생성 실패');
-        return res.json();
-      })
+       createGroup({ name, description, imageUrl })
       .then(data => {
+         if (!data || !data.name) {
+             throw new Error("응답에 그룹 이름이 없습니다.");
+      }
         message.success(`그룹 "${data.name}" 생성 완료`);
-        this.props.onCreated(); // 부모 콜백 실행
-        this.props.onClose();   // 모달 닫기
+         try {
+        this.props.onCreated();
+        this.props.onClose();
+        } catch (e) {
+        console.error("후처리 중 오류:", e);
+      }
+
       })
       .catch(() => {
         message.error('그룹 생성에 실패했습니다.');

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

@@ -12,17 +12,23 @@ const request = (options) => {
     const defaults = {headers: headers};
     options = Object.assign({}, defaults, options);
 
-    return fetch(options.url, options)
-    .then(response => 
-        response.json().then(json => {
-            if(!response.ok) {
-                return Promise.reject(json);
-            }
-            return json;
-        })
-    );
-};
+return fetch(options.url, options)
+ .then(async response => {
+      let json = null;
+
+      try {
+        json = await response.json();
+      } catch (e) {
+        // 응답이 비어 있거나 JSON이 아님
+      }
 
+      if (!response.ok) {
+        throw json || { message: 'Unknown error occurred' };
+      }
+
+      return json;
+    });
+};
 export function getAllPolls(page, size) {
     page = page || 0;
     size = size || POLL_LIST_SIZE;
@@ -123,4 +129,12 @@ export function getMyGroups() {
         url: API_BASE_URL + "/groups/my",
         method: 'GET'
     });
+}
+
+export function createGroup(groupData) {
+  return request({
+    url: API_BASE_URL + "/groups",
+    method: "POST",
+    body: JSON.stringify(groupData),
+  });
 }