Merge pull request #82 from CodeItBoost3/bug/group

그룹 목록 불필요한 요청 수정

Author: Dubabbi

src/pages/Group.jsx

@@ -1,4 +1,4 @@
-import { useState, useEffect } from "react";
+import { useState, useEffect, useCallback } from "react";
 import { useToast } from "@/hooks/useToast";
 import { useSearchParams, useNavigate } from "react-router-dom";
 import { IoRefresh } from "react-icons/io5";
@@ -65,34 +65,33 @@ export default function Group() {
     fetchUserInfo();
   }, []);
 
-  useEffect(() => {
-    if (isSearching) return;
-
-    const fetchGroupList = async () => {
-      try {
-        const response = await groupService.getGroupList({
-          type: isPublic ? "public" : "private",
-          sortBy,
-          keyword: "",
-          page: currentPage,
-        });
-
-        if (response.status === "success") {
-          setGroupData(response.data.groups || []);
-          setTotalPages(response.data.totalPage);
-        } else {
-          throw new Error("그룹 목록 조회 실패");
-        }
-      } catch {
-        if(isLogin) addToast("그룹 목록 조회에 실패했습니다.");
+  const fetchGroupList = useCallback(async () => {
+    if (isSearching) return; // 검색 중이면 요청하지 않음
+  
+    try {
+      const response = await groupService.getGroupList({
+        type: isPublic ? "public" : "private",
+        sortBy,
+        keyword: "",
+        page: currentPage,
+      });
+  
+      if (response.status === "success") {
+        setGroupData(response.data.groups || []);
+        setTotalPages(response.data.totalPage);
       }
-    };
-
+    } catch {
+      addToast("그룹 목록 조회에 실패했습니다.");
+    }
+  }, [isPublic, sortBy, currentPage, isSearching, addToast]);
+  
+  useEffect(() => {
     fetchGroupList();
-  }, [isPublic, sortBy, currentPage, isSearching, groupData]);
+  }, [fetchGroupList]);
+  
 
   useEffect(() => {
-    setSortBy(searchParams.get("sortBy") || "mostLiked");
+    setSortBy(searchParams.get("sortBy") || "latest");
   }, [searchParams]);
 
   const handleLoginModal = (type) => {

src/pages/MemoryPost.jsx

@@ -33,7 +33,6 @@ export default function MemoryPost() {
   const [post, setPost] = useState(null);
   const [comments] = useState("");
 
-// ✅ 게시글 상세 정보 가져오기 (useCallback 적용)
 const fetchPostDetail = useCallback(async () => {
   if (!postId) return;
   try {
@@ -50,7 +49,6 @@ useEffect(() => {
   fetchPostDetail();
 }, [fetchPostDetail]);
 
-// ✅ 스크랩 상태 조회 (useCallback 적용)
 const fetchScrapStatus = useCallback(async () => {
   if (!postId) return;
   try {
@@ -179,7 +177,7 @@ useEffect(() => {
   }
 
   return (
-    <div className="w-full max-w-[900px] mx-auto pt-6 pb-10">
+    <div className="w-full max-w-[90%] mx-auto pt-6 pb-10">
       <div className="flex justify-between items-start">
         <div>
           <div className="flex items-center text-sm space-x-2">