[SM-165] refactor: 메인페이지 내 모임 섹션 데이터 캐시 무효화 버그 개선 (+ 대시보드 맴버 탭 방어로직 + 훅 잘못된 확장자 수정)

src/api/gatherings/index.ts

@@ -81,16 +81,34 @@ export const getApplicationStatus = async (gatheringId: number): Promise<GetAppl
   }
 };
 
-/** GET /v1/gatherings/main — 메인 페이지 모임 목록 (서버/클라이언트 공용) */
+/** GET /v1/gatherings/main — 메인 페이지 모임 목록 (클라이언트 전용) */
+export const getMainGatherings = async (params?: GetMainGatheringsParams): Promise<GetMainGatheringsResponse> => {
+  const { data } = await axiosClient.get<ApiResponse<GetMainGatheringsResponse>>('/v1/gatherings/main', {
+    params,
+    headers: {
+      'Cache-Control': 'no-cache, no-store, must-revalidate',
+      Pragma: 'no-cache',
+    },
+  });
+
+  const result = unwrapResponse(data);
+  return {
+    popular: normalizeGatheringList(result.popular),
+    deadline: normalizeGatheringList(result.deadline),
+    latest: normalizeGatheringList(result.latest),
+  };
+};
+
+/** GET /v1/gatherings/main — 메인 페이지 모임 목록 (서버 전용) */
 export const fetchMainGatherings = async (params?: GetMainGatheringsParams): Promise<GetMainGatheringsResponse> => {
   const searchParams = new URLSearchParams();
   if (params?.limit !== undefined) searchParams.set('limit', String(params.limit));
   const qs = searchParams.toString();
 
-  const isServer = typeof window === 'undefined';
   const res = await fetch(`${getBaseUrl()}/v1/gatherings/main${qs ? `?${qs}` : ''}`, {
-    ...(isServer && { next: { tags: [GATHERING_TAGS.all, GATHERING_TAGS.main] } }),
+    next: { tags: [GATHERING_TAGS.all, GATHERING_TAGS.main] },
   });
+
   if (!res.ok) throw new Error(`gatherings/main fetch failed: ${res.status}`);
   const json: ApiResponse<GetMainGatheringsResponse> = await res.json();
   const data = unwrapResponse(json);

src/api/gatherings/queries.ts

@@ -12,6 +12,7 @@ import {
   updateGathering,
   deleteGathering,
   GATHERING_TAGS,
+  getMainGatherings,
 } from './index';
 
 import type { UseMutationOptions } from '@tanstack/react-query';
@@ -46,7 +47,7 @@ export const gatheringQueries = {
   main: (params?: GetMainGatheringsParams) =>
     queryOptions({
       queryKey: gatheringKeys.main(params),
-      queryFn: () => fetchMainGatherings(params),
+      queryFn: () => (isServer ? fetchMainGatherings(params) : getMainGatherings(params)),
     }),
 
   /** GET /gatherings/:gatheringId — 모임 상세 */
@@ -80,9 +81,12 @@ export const useCreateGathering = (
   return useMutation({
     mutationFn: (body: CreateGatheringRequest) => createGathering(body),
     ...options,
-    onSuccess: (data, variables, onMutateResult, context) => {
-      queryClient.invalidateQueries({ queryKey: gatheringKeys.all });
-      invalidateServerCache(GATHERING_TAGS.all);
+    onSuccess: async (data, variables, onMutateResult, context) => {
+      await invalidateServerCache(GATHERING_TAGS.all);
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: gatheringKeys.all }),
+        queryClient.invalidateQueries({ queryKey: ['memberships'] }),
+      ]);
       options?.onSuccess?.(data, variables, onMutateResult, context);
     },
   });
@@ -101,9 +105,12 @@ export const useUpdateGathering = (
       return updateGathering(gatheringId, body);
     },
     ...options,
-    onSuccess: (data, variables, onMutateResult, context) => {
-      queryClient.invalidateQueries({ queryKey: gatheringKeys.all });
-      invalidateServerCache(GATHERING_TAGS.all);
+    onSuccess: async (data, variables, onMutateResult, context) => {
+      await invalidateServerCache(GATHERING_TAGS.all);
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: gatheringKeys.all }),
+        queryClient.invalidateQueries({ queryKey: ['memberships'] }),
+      ]);
       options?.onSuccess?.(data, variables, onMutateResult, context);
     },
   });
@@ -116,9 +123,12 @@ export const useDeleteGathering = (gatheringId: number, options?: UseMutationOpt
   return useMutation({
     mutationFn: () => deleteGathering(gatheringId),
     ...options,
-    onSuccess: (data, variables, onMutateResult, context) => {
-      queryClient.invalidateQueries({ queryKey: gatheringKeys.all });
-      invalidateServerCache(GATHERING_TAGS.all);
+    onSuccess: async (data, variables, onMutateResult, context) => {
+      await invalidateServerCache(GATHERING_TAGS.all);
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: gatheringKeys.all }),
+        queryClient.invalidateQueries({ queryKey: ['memberships'] }),
+      ]);
       options?.onSuccess?.(data, variables, onMutateResult, context);
     },
   });

src/api/memberships/index.ts

@@ -32,6 +32,10 @@ const normalizeMembershipGathering = (item: MembershipGathering): MembershipGath
 export const getMyGatherings = async (params?: MyGatheringsParams): Promise<MyGatheringList> => {
   const { data } = await axiosClient.get<ApiResponse<MyGatheringList>>('/v1/users/me/gatherings', {
     params,
+    headers: {
+      'Cache-Control': 'no-cache, no-store, must-revalidate',
+      Pragma: 'no-cache',
+    },
   });
   const result = unwrapResponse(data);
   return { ...result, gatherings: result.gatherings.map(normalizeMembershipGathering) };

src/app/gatherings/[id]/_components/LeaderActionDropdown/index.tsx

@@ -34,6 +34,7 @@ export function LeaderActionDropdown({ gatheringId }: LeaderActionDropdownProps)
     deleteGathering(undefined, {
       onSuccess: () => {
         showToast({ variant: 'success', title: '모임이 삭제되었습니다' });
+        router.refresh();
         router.push('/main');
       },
       onError: () => {

src/app/gatherings/[id]/dashboard/_components/MemberListSection/useMemberList.ts

@@ -79,7 +79,7 @@ export const useMemberList = (gatheringId: number) => {
 
   const getHasReviewed = (index: number): boolean => {
     const userReviews = memberReviewResults[index]?.data?.reviews || [];
-    return userReviews.some((r) => r.reviewer.id === user?.id);
+    return userReviews.some((r) => r.reviewer?.id === user?.id);
   };
 
   const handlePageChange = (page: number) => {

src/app/gatherings/new/CreateGatheringForm/index.tsx

@@ -145,6 +145,7 @@ export function CreateGatheringForm({ mode = 'create', gatheringId, initialValue
     mutate(data, {
       onSuccess: () => {
         showToast({ variant: 'success', title: isEditMode ? '모임이 수정되었습니다.' : '모임이 생성되었습니다.' });
+        router.refresh();
         if (isEditMode && gatheringId) {
           router.push(`/gatherings/${gatheringId}`);
         } else {