diff --git a/src/app/pending/[groupId]/page.tsx b/src/app/pending/[groupId]/page.tsx
index f3526b73..605421a4 100644
--- a/src/app/pending/[groupId]/page.tsx
+++ b/src/app/pending/[groupId]/page.tsx
@@ -1,11 +1,14 @@
 import { redirect } from 'next/navigation';
 
+import { Suspense } from 'react';
+
 import { API } from '@/api';
 import {
   GroupPendingHeader,
   GroupPendingMembers,
   GroupPendingSummary,
 } from '@/components/pages/pending';
+import { PendingMembersSkeleton } from '@/components/pages/pending/pending-members/pending-members-loading';
 import { GetJoinRequestsResponse, GroupUserV2Status } from '@/types/service/group';
 
 interface Props {
@@ -32,7 +35,9 @@ export default async function PendingMembersPage({ params }: Props) {
     <>
       <GroupPendingHeader />
       <GroupPendingSummary groupId={groupId} initialData={joinRequestsData} />
-      <GroupPendingMembers groupId={groupId} />
+      <Suspense fallback={<PendingMembersSkeleton />}>
+        <GroupPendingMembers groupId={groupId} />
+      </Suspense>
     </>
   );
 }
diff --git a/src/app/schedule/_components/current.tsx b/src/app/schedule/_components/current/index.tsx
similarity index 74%
rename from src/app/schedule/_components/current.tsx
rename to src/app/schedule/_components/current/index.tsx
index 058e4612..879f883c 100644
--- a/src/app/schedule/_components/current.tsx
+++ b/src/app/schedule/_components/current/index.tsx
@@ -3,22 +3,25 @@
 import { API } from '@/api';
 import { useInfiniteScroll } from '@/hooks/use-group/use-group-infinite-list';
 import { useIntersectionObserver } from '@/hooks/use-intersection-observer';
-import { INTERSECTION_OBSERVER_THRESHOLD } from '@/lib/constants/group-list';
+import { GROUP_LIST_PAGE_SIZE, INTERSECTION_OBSERVER_THRESHOLD } from '@/lib/constants/group-list';
 import { groupKeys } from '@/lib/query-key/query-key-group';
 import { GroupListItemResponse } from '@/types/service/group';
 
-import { Meetings } from './meetings';
+import { Meetings } from '../meetings/index';
 
 export default function Current() {
+  const queryKey = groupKeys.myGroupsList('current') as ['myGroups', 'current'];
+
   const {
     items,
     error,
     fetchNextPage,
     hasNextPage,
     isFetchingNextPage,
-    isFetching,
+    isLoading,
     completedMessage,
-  } = useInfiniteScroll<GroupListItemResponse>({
+    refetch,
+  } = useInfiniteScroll<GroupListItemResponse, typeof queryKey>({
     queryFn: async ({ cursor, size }) => {
       return await API.groupService.getMyGroups({
         type: 'current',
@@ -27,8 +30,8 @@ export default function Current() {
         myStatuses: ['ATTEND', 'PENDING'],
       });
     },
-    queryKey: groupKeys.myGroupsList('current') as ['myGroups', 'current'],
-    pageSize: 10,
+    queryKey,
+    pageSize: GROUP_LIST_PAGE_SIZE,
     errorMessage: '현재 모임 목록을 불러오는데 실패했습니다.',
     completedMessage: '모든 현재 모임을 불러왔습니다.',
   });
@@ -45,12 +48,14 @@ export default function Current() {
 
   return (
     <Meetings
+      refetch={refetch}
       completedMessage={completedMessage}
       emptyStatePath='/'
       emptyStateType='current'
       error={error}
       hasNextPage={hasNextPage}
-      isLoading={isFetching && items.length === 0}
+      isFetchingNextPage={isFetchingNextPage}
+      isLoading={isLoading}
       meetings={items}
       sentinelRef={sentinelRef}
       showActions={true}
diff --git a/src/app/schedule/_components/history.tsx b/src/app/schedule/_components/history/index.tsx
similarity index 73%
rename from src/app/schedule/_components/history.tsx
rename to src/app/schedule/_components/history/index.tsx
index 8f751960..4c22664a 100644
--- a/src/app/schedule/_components/history.tsx
+++ b/src/app/schedule/_components/history/index.tsx
@@ -3,27 +3,30 @@
 import { API } from '@/api';
 import { useInfiniteScroll } from '@/hooks/use-group/use-group-infinite-list';
 import { useIntersectionObserver } from '@/hooks/use-intersection-observer';
-import { INTERSECTION_OBSERVER_THRESHOLD } from '@/lib/constants/group-list';
+import { GROUP_LIST_PAGE_SIZE, INTERSECTION_OBSERVER_THRESHOLD } from '@/lib/constants/group-list';
 import { groupKeys } from '@/lib/query-key/query-key-group';
 import { GroupListItemResponse } from '@/types/service/group';
 
-import { Meetings } from './meetings';
+import { Meetings } from '../meetings/index';
 
 export default function History() {
+  const queryKey = groupKeys.myGroupsList('past') as ['myGroups', 'past'];
+
   const {
     items,
     error,
     fetchNextPage,
     hasNextPage,
     isFetchingNextPage,
-    isFetching,
+    isLoading,
     completedMessage,
-  } = useInfiniteScroll<GroupListItemResponse>({
+    refetch,
+  } = useInfiniteScroll<GroupListItemResponse, typeof queryKey>({
     queryFn: async ({ cursor, size }) => {
       return await API.groupService.getMyGroups({ type: 'past', cursor, size });
     },
-    queryKey: groupKeys.myGroupsList('past') as ['myGroups', 'past'],
-    pageSize: 10,
+    queryKey,
+    pageSize: GROUP_LIST_PAGE_SIZE,
     errorMessage: '모임 이력을 불러오는데 실패했습니다.',
     completedMessage: '모든 모임 이력을 불러왔습니다.',
   });
@@ -40,12 +43,14 @@ export default function History() {
 
   return (
     <Meetings
+      refetch={refetch}
       completedMessage={completedMessage}
       emptyStatePath='/'
       emptyStateType='past'
       error={error}
       hasNextPage={hasNextPage}
-      isLoading={isFetching && items.length === 0}
+      isFetchingNextPage={isFetchingNextPage}
+      isLoading={isLoading}
       meetings={items}
       sentinelRef={sentinelRef}
       showActions={false}
diff --git a/src/app/schedule/_components/meetings.tsx b/src/app/schedule/_components/meetings.tsx
deleted file mode 100644
index 4b085ec1..00000000
--- a/src/app/schedule/_components/meetings.tsx
+++ /dev/null
@@ -1,139 +0,0 @@
-'use client';
-
-import { useRouter } from 'next/navigation';
-
-import { RefObject } from 'react';
-
-import { EmptyState } from '@/components/layout/empty-state';
-import { ErrorMessage } from '@/components/shared';
-import { Button } from '@/components/ui';
-import { GroupListItemResponse } from '@/types/service/group';
-
-import { ScheduleCard } from './card';
-import { EMPTY_STATE_CONFIG } from './constants';
-
-type TabType = 'current' | 'myPost' | 'past';
-
-const getModalType = (
-  meeting: GroupListItemResponse,
-  tabType: TabType,
-): 'pending' | 'leave' | 'delete' => {
-  if (tabType === 'myPost' || (tabType === 'current' && meeting.myMembership?.role === 'HOST')) {
-    return 'delete';
-  }
-  if (tabType === 'current' && meeting.myMembership?.status === 'PENDING') {
-    return 'pending';
-  }
-  return 'leave';
-};
-
-type MeetingsProps = {
-  meetings: GroupListItemResponse[];
-  tabType: TabType;
-  emptyStateType: TabType;
-  emptyStatePath: string;
-  showActions: boolean;
-  error?: Error | null;
-  hasNextPage?: boolean;
-  isLoading?: boolean;
-  sentinelRef?: RefObject<HTMLDivElement | null>;
-  completedMessage?: string;
-};
-
-const MIN_HEIGHT = 'min-h-[calc(100vh-156px)]';
-
-export const Meetings = ({
-  meetings,
-  tabType,
-  emptyStateType,
-  emptyStatePath,
-  showActions,
-  error,
-  hasNextPage,
-  isLoading,
-  sentinelRef,
-  completedMessage,
-}: MeetingsProps) => {
-  const router = useRouter();
-
-  const isEmpty = meetings.length === 0;
-  const hasError = !!error;
-  const isLoadingState = !!isLoading;
-  const showLoading = isEmpty && isLoadingState && !hasError;
-  const showEmptyState = isEmpty && !hasError && !isLoadingState;
-  const showErrorOnly = hasError && isEmpty;
-  const showErrorWithData = hasError && !isEmpty;
-
-  if (showLoading) {
-    return (
-      <div className={`flex-center ${MIN_HEIGHT} py-8`}>
-        <div className='text-gray-500'>로딩 중...</div>
-      </div>
-    );
-  }
-
-  if (showEmptyState) {
-    const config = EMPTY_STATE_CONFIG[emptyStateType];
-    const handleEmptyStateClick = () => router.push(emptyStatePath);
-
-    return (
-      <div className={`flex-col-center relative ${MIN_HEIGHT} py-8`}>
-        <EmptyState>{config.text}</EmptyState>
-
-        <Button
-          className={`bg-mint-500 text-text-sm-bold text-mono-white hover:bg-mint-600 active:bg-mint-700 relative z-10 mt-62.5 h-10 rounded-xl ${config.buttonWidth}`}
-          onClick={handleEmptyStateClick}
-        >
-          {config.buttonText}
-        </Button>
-      </div>
-    );
-  }
-
-  const handleRetry = () => window.location.reload();
-
-  return (
-    <section className='flex w-full flex-col gap-4 px-4 py-4'>
-      {showErrorOnly && (
-        <ErrorMessage className='py-12' message={error.message} onRetry={handleRetry} />
-      )}
-
-      {meetings.map((meeting) => {
-        const groupId = String(meeting.id);
-        const myMembership = meeting.myMembership;
-        const isPending = myMembership?.status === 'PENDING';
-        const isFinished = meeting.status === 'FINISHED';
-        const isHost = myMembership?.role === 'HOST';
-        const createdBy = meeting.createdBy;
-        const shouldFetchChatRoomId = showActions && !isPending && !isFinished;
-
-        return (
-          <ScheduleCard
-            key={meeting.id}
-            createdBy={createdBy}
-            groupId={groupId}
-            isFinished={isFinished}
-            isHost={isHost}
-            isPending={isPending}
-            joinPolicy={meeting.joinPolicy}
-            meeting={meeting}
-            modalType={getModalType(meeting, tabType)}
-            shouldFetchChatRoomId={shouldFetchChatRoomId}
-            showActions={showActions}
-            tabType={tabType}
-          />
-        );
-      })}
-
-      {showErrorWithData && (
-        <ErrorMessage className='py-8' message={error.message} onRetry={handleRetry} />
-      )}
-
-      {hasNextPage && !hasError && sentinelRef && <div ref={sentinelRef} className='h-1' />}
-
-      {!hasNextPage && !isEmpty && !hasError && completedMessage && (
-        <div className='py-8 text-center text-gray-500'>{completedMessage}</div>
-      )}
-    </section>
-  );
-};
diff --git a/src/app/schedule/_components/constants.tsx b/src/app/schedule/_components/meetings/constants.tsx
similarity index 93%
rename from src/app/schedule/_components/constants.tsx
rename to src/app/schedule/_components/meetings/constants.tsx
index 1530bf4a..b4d858c7 100644
--- a/src/app/schedule/_components/constants.tsx
+++ b/src/app/schedule/_components/meetings/constants.tsx
@@ -3,6 +3,7 @@ import { type ReactNode } from 'react';
 export type TabType = 'current' | 'myPost' | 'past';
 
 const DEFAULT_BUTTON_WIDTH = 'w-31';
+export const SCHEDULE_MIN_HEIGHT = 'min-h-[calc(100vh-156px)]' as const;
 
 export const EMPTY_STATE_CONFIG: Record<
   TabType,
diff --git a/src/app/schedule/_components/meetings/index.tsx b/src/app/schedule/_components/meetings/index.tsx
new file mode 100644
index 00000000..29d708fd
--- /dev/null
+++ b/src/app/schedule/_components/meetings/index.tsx
@@ -0,0 +1,96 @@
+'use client';
+
+import { type RefObject } from 'react';
+
+import { ErrorMessage } from '@/components/shared';
+import { GroupListItemResponse } from '@/types/service/group';
+
+import { type TabType } from './constants';
+import { MeetingsContent } from './meetings-content';
+import { MeetingsEmpty } from './meetings-empty';
+import { MeetingsInfiniteScroll } from './meetings-infinite-scroll';
+import { MeetingsSkeleton } from './meetings-loading';
+
+type MeetingsProps = {
+  meetings: GroupListItemResponse[];
+  tabType: TabType;
+  emptyStateType: TabType;
+  emptyStatePath: string;
+  showActions: boolean;
+  error?: Error | null;
+  hasNextPage?: boolean;
+  isLoading?: boolean;
+  isFetchingNextPage?: boolean;
+  sentinelRef?: RefObject<HTMLDivElement | null>;
+  completedMessage?: string;
+  refetch?: () => Promise<unknown>;
+};
+
+export const Meetings = ({
+  meetings,
+  tabType,
+  emptyStateType,
+  emptyStatePath,
+  showActions,
+  error,
+  hasNextPage,
+  isLoading,
+  isFetchingNextPage,
+  sentinelRef,
+  completedMessage,
+  refetch,
+}: MeetingsProps) => {
+  const isEmpty = meetings.length === 0;
+  const hasError = !!error;
+  const hasItems = meetings.length > 0;
+  const hasNoItems = isEmpty && !error && !isLoading;
+  const showErrorOnly = hasError && isEmpty;
+  const showErrorWithData = hasError && !isEmpty;
+  const showEmptyState = hasNoItems;
+
+  const handleRetry = () => {
+    if (refetch) {
+      refetch();
+    } else {
+      window.location.reload();
+    }
+  };
+
+  if (isLoading) {
+    return <MeetingsSkeleton />;
+  }
+
+  return (
+    <>
+      {showEmptyState && (
+        <MeetingsEmpty emptyStatePath={emptyStatePath} emptyStateType={emptyStateType} />
+      )}
+
+      {hasItems && (
+        <section className='flex w-full flex-col gap-4 px-4 py-4'>
+          {showErrorOnly && (
+            <div className='py-4'>
+              <ErrorMessage className='py-12' message={error.message} onRetry={handleRetry} />
+            </div>
+          )}
+
+          <MeetingsContent meetings={meetings} showActions={showActions} tabType={tabType} />
+
+          {showErrorWithData && (
+            <div className='py-4'>
+              <ErrorMessage className='py-8' message={error.message} onRetry={handleRetry} />
+            </div>
+          )}
+
+          <MeetingsInfiniteScroll
+            completedMessage={completedMessage || ''}
+            hasError={hasError}
+            hasNextPage={hasNextPage || false}
+            isFetchingNextPage={isFetchingNextPage || false}
+            sentinelRef={sentinelRef}
+          />
+        </section>
+      )}
+    </>
+  );
+};
diff --git a/src/app/schedule/_components/meetings/meetings-content/index.tsx b/src/app/schedule/_components/meetings/meetings-content/index.tsx
new file mode 100644
index 00000000..13ffbc9b
--- /dev/null
+++ b/src/app/schedule/_components/meetings/meetings-content/index.tsx
@@ -0,0 +1,56 @@
+import { GroupListItemResponse } from '@/types/service/group';
+
+import { ScheduleCard } from '../../card';
+import { type TabType } from '../constants';
+
+const getModalType = (
+  meeting: GroupListItemResponse,
+  tabType: TabType,
+): 'pending' | 'leave' | 'delete' => {
+  if (tabType === 'myPost' || (tabType === 'current' && meeting.myMembership?.role === 'HOST')) {
+    return 'delete';
+  }
+  if (tabType === 'current' && meeting.myMembership?.status === 'PENDING') {
+    return 'pending';
+  }
+  return 'leave';
+};
+
+interface MeetingsContentProps {
+  meetings: GroupListItemResponse[];
+  tabType: TabType;
+  showActions: boolean;
+}
+
+export const MeetingsContent = ({ meetings, tabType, showActions }: MeetingsContentProps) => {
+  return (
+    <div className='flex w-full flex-col gap-4' aria-label='모임 목록' role='list'>
+      {meetings.map((meeting) => {
+        const groupId = String(meeting.id);
+        const myMembership = meeting.myMembership;
+        const isPending = myMembership?.status === 'PENDING';
+        const isFinished = meeting.status === 'FINISHED';
+        const isHost = myMembership?.role === 'HOST';
+        const createdBy = meeting.createdBy;
+        const shouldFetchChatRoomId = showActions && !isPending && !isFinished;
+
+        return (
+          <ScheduleCard
+            key={meeting.id}
+            createdBy={createdBy}
+            groupId={groupId}
+            isFinished={isFinished}
+            isHost={isHost}
+            isPending={isPending}
+            joinPolicy={meeting.joinPolicy}
+            meeting={meeting}
+            modalType={getModalType(meeting, tabType)}
+            shouldFetchChatRoomId={shouldFetchChatRoomId}
+            showActions={showActions}
+            tabType={tabType}
+          />
+        );
+      })}
+    </div>
+  );
+};
diff --git a/src/app/schedule/_components/meetings/meetings-empty/index.tsx b/src/app/schedule/_components/meetings/meetings-empty/index.tsx
new file mode 100644
index 00000000..13ec73e5
--- /dev/null
+++ b/src/app/schedule/_components/meetings/meetings-empty/index.tsx
@@ -0,0 +1,31 @@
+import { useRouter } from 'next/navigation';
+
+import { EmptyState } from '@/components/layout/empty-state';
+import { Button } from '@/components/ui';
+
+import { EMPTY_STATE_CONFIG, SCHEDULE_MIN_HEIGHT, type TabType } from '../constants';
+
+interface MeetingsEmptyProps {
+  emptyStateType: TabType;
+  emptyStatePath: string;
+}
+
+export const MeetingsEmpty = ({ emptyStateType, emptyStatePath }: MeetingsEmptyProps) => {
+  const router = useRouter();
+  const config = EMPTY_STATE_CONFIG[emptyStateType];
+
+  const handleEmptyStateClick = () => router.push(emptyStatePath);
+
+  return (
+    <div className={`flex-col-center relative ${SCHEDULE_MIN_HEIGHT} py-8`}>
+      <EmptyState>{config.text}</EmptyState>
+
+      <Button
+        className={`bg-mint-500 text-text-sm-bold text-mono-white hover:bg-mint-600 active:bg-mint-700 relative z-10 mt-62.5 h-10 rounded-xl ${config.buttonWidth}`}
+        onClick={handleEmptyStateClick}
+      >
+        {config.buttonText}
+      </Button>
+    </div>
+  );
+};
diff --git a/src/app/schedule/_components/meetings/meetings-infinite-scroll/index.tsx b/src/app/schedule/_components/meetings/meetings-infinite-scroll/index.tsx
new file mode 100644
index 00000000..cd367cc2
--- /dev/null
+++ b/src/app/schedule/_components/meetings/meetings-infinite-scroll/index.tsx
@@ -0,0 +1,48 @@
+import { type RefObject } from 'react';
+
+interface MeetingsInfiniteScrollProps {
+  sentinelRef?: RefObject<HTMLDivElement | null>;
+  hasNextPage: boolean;
+  isFetchingNextPage: boolean;
+  completedMessage: string;
+  hasError: boolean;
+}
+
+export const MeetingsInfiniteScroll = ({
+  sentinelRef,
+  hasNextPage,
+  isFetchingNextPage,
+  completedMessage,
+  hasError,
+}: MeetingsInfiniteScrollProps) => {
+  if (hasNextPage && !hasError) {
+    return (
+      <>
+        {sentinelRef && <div ref={sentinelRef} aria-hidden='true' className='h-1' />}
+        {isFetchingNextPage && (
+          <div
+            className='py-8 text-center text-gray-500'
+            aria-label='더 많은 모임을 불러오는 중입니다'
+            aria-live='polite'
+            role='status'
+          >
+            <div className='flex items-center justify-center gap-2'>
+              <div className='border-t-mint-500 h-5 w-5 animate-spin rounded-full border-2 border-gray-300' />
+              <span>더 많은 모임을 불러오는 중...</span>
+            </div>
+          </div>
+        )}
+      </>
+    );
+  }
+
+  if (!hasNextPage && !hasError) {
+    return (
+      <div className='py-8 text-center text-gray-500' aria-live='polite' role='status'>
+        {completedMessage}
+      </div>
+    );
+  }
+
+  return null;
+};
diff --git a/src/app/schedule/_components/meetings/meetings-loading/index.tsx b/src/app/schedule/_components/meetings/meetings-loading/index.tsx
new file mode 100644
index 00000000..a6ebd94e
--- /dev/null
+++ b/src/app/schedule/_components/meetings/meetings-loading/index.tsx
@@ -0,0 +1,16 @@
+import { CardSkeleton } from '@/components/shared/card/card-skeleton';
+import { GROUP_LIST_PAGE_SIZE } from '@/lib/constants/group-list';
+
+import { SCHEDULE_MIN_HEIGHT } from '../constants';
+
+export const MeetingsSkeleton = () => (
+  <section className={`${SCHEDULE_MIN_HEIGHT} bg-[#F1F5F9]`}>
+    <div className='flex w-full flex-col px-4 py-4'>
+      <div className='flex w-full flex-col gap-4'>
+        {Array.from({ length: GROUP_LIST_PAGE_SIZE }).map((_, i) => (
+          <CardSkeleton key={i} showButtons={true} />
+        ))}
+      </div>
+    </div>
+  </section>
+);
diff --git a/src/app/schedule/_components/my.tsx b/src/app/schedule/_components/my/index.tsx
similarity index 75%
rename from src/app/schedule/_components/my.tsx
rename to src/app/schedule/_components/my/index.tsx
index 32dd97e7..8b9d2254 100644
--- a/src/app/schedule/_components/my.tsx
+++ b/src/app/schedule/_components/my/index.tsx
@@ -3,22 +3,25 @@
 import { API } from '@/api';
 import { useInfiniteScroll } from '@/hooks/use-group/use-group-infinite-list';
 import { useIntersectionObserver } from '@/hooks/use-intersection-observer';
-import { INTERSECTION_OBSERVER_THRESHOLD } from '@/lib/constants/group-list';
+import { GROUP_LIST_PAGE_SIZE, INTERSECTION_OBSERVER_THRESHOLD } from '@/lib/constants/group-list';
 import { groupKeys } from '@/lib/query-key/query-key-group';
 import { GroupListItemResponse } from '@/types/service/group';
 
-import { Meetings } from './meetings';
+import { Meetings } from '../meetings/index';
 
 export default function My() {
+  const queryKey = groupKeys.myGroupsList('myPost') as ['myGroups', 'myPost'];
+
   const {
     items,
     error,
     fetchNextPage,
     hasNextPage,
     isFetchingNextPage,
-    isFetching,
+    isLoading,
     completedMessage,
-  } = useInfiniteScroll<GroupListItemResponse>({
+    refetch,
+  } = useInfiniteScroll<GroupListItemResponse, typeof queryKey>({
     queryFn: async ({ cursor, size }) => {
       return await API.groupService.getMyGroups({
         type: 'myPost',
@@ -28,8 +31,8 @@ export default function My() {
         excludeStatuses: ['CLOSED'],
       });
     },
-    queryKey: groupKeys.myGroupsList('myPost') as ['myGroups', 'myPost'],
-    pageSize: 10,
+    queryKey,
+    pageSize: GROUP_LIST_PAGE_SIZE,
     errorMessage: '나의 모임 목록을 불러오는데 실패했습니다.',
     completedMessage: '모든 나의 모임을 불러왔습니다.',
   });
@@ -46,12 +49,14 @@ export default function My() {
 
   return (
     <Meetings
+      refetch={refetch}
       completedMessage={completedMessage}
       emptyStatePath='/create-group'
       emptyStateType='myPost'
       error={error}
       hasNextPage={hasNextPage}
-      isLoading={isFetching && items.length === 0}
+      isFetchingNextPage={isFetchingNextPage}
+      isLoading={isLoading}
       meetings={items}
       sentinelRef={sentinelRef}
       showActions={true}
diff --git a/src/app/schedule/page.tsx b/src/app/schedule/page.tsx
index 4e539d3d..b1cde478 100644
--- a/src/app/schedule/page.tsx
+++ b/src/app/schedule/page.tsx
@@ -5,9 +5,12 @@ import { useSearchParams } from 'next/navigation';
 import { Suspense } from 'react';
 
 import { TabNavigation } from '@/components/shared';
+import { CardSkeleton } from '@/components/shared/card/card-skeleton';
+import { GROUP_LIST_PAGE_SIZE } from '@/lib/constants/group-list';
 
 import Current from './_components/current';
 import History from './_components/history';
+import { SCHEDULE_MIN_HEIGHT } from './_components/meetings/constants';
 import My from './_components/my';
 
 const SCHEDULE_TABS = [
@@ -29,12 +32,24 @@ const ScheduleContent = () => {
   );
 };
 
+const ScheduleSkeleton = () => (
+  <section className={`${SCHEDULE_MIN_HEIGHT} bg-[#F1F5F9]`}>
+    <div className='flex w-full flex-col px-4 py-4'>
+      <div className='flex w-full flex-col gap-4'>
+        {Array.from({ length: GROUP_LIST_PAGE_SIZE }).map((_, i) => (
+          <CardSkeleton key={i} showButtons={true} />
+        ))}
+      </div>
+    </div>
+  </section>
+);
+
 export default function SchedulePage() {
   return (
     <div className='min-h-screen bg-[#F1F5F9]'>
       <TabNavigation basePath='/schedule' tabs={SCHEDULE_TABS} />
 
-      <Suspense fallback={null}>
+      <Suspense fallback={<ScheduleSkeleton />}>
         <ScheduleContent />
       </Suspense>
     </div>
diff --git a/src/components/pages/group-list/group-list-loading/index.tsx b/src/components/pages/group-list/group-list-loading/index.tsx
index 39643c71..3fba03f3 100644
--- a/src/components/pages/group-list/group-list-loading/index.tsx
+++ b/src/components/pages/group-list/group-list-loading/index.tsx
@@ -1,7 +1,7 @@
 import { CardSkeleton } from '@/components/shared/card/card-skeleton';
 import { GROUP_LIST_MIN_HEIGHT, GROUP_LIST_PAGE_SIZE } from '@/lib/constants/group-list';
 
-export const GroupListLoading = () => (
+export const GroupListSkeleton = () => (
   <section className={`${GROUP_LIST_MIN_HEIGHT} bg-[#F1F5F9]`}>
     <div className='flex w-full flex-col px-4 py-4'>
       <div className='flex w-full flex-col gap-4'>
diff --git a/src/components/pages/group-list/index.tsx b/src/components/pages/group-list/index.tsx
index dec1e6d7..d7945028 100644
--- a/src/components/pages/group-list/index.tsx
+++ b/src/components/pages/group-list/index.tsx
@@ -17,7 +17,7 @@ import { GroupListItemResponse } from '@/types/service/group';
 import { GroupListContent } from './group-list-content';
 import { GroupListEmpty } from './group-list-empty';
 import { GroupListInfiniteScroll } from './group-list-infinite-scroll';
-import { GroupListLoading } from './group-list-loading';
+import { GroupListSkeleton } from './group-list-loading';
 import { GroupListSearchEmpty } from './group-list-search-empty';
 
 const SearchResultCount = ({ keyword, count }: { keyword: string; count: number }) => (
@@ -81,7 +81,7 @@ export default function GroupList() {
   const hasItems = items.length > 0;
 
   if (isLoading) {
-    return <GroupListLoading />;
+    return <GroupListSkeleton />;
   }
 
   return (
diff --git a/src/components/pages/pending/pending-members/constants.tsx b/src/components/pages/pending/pending-members/constants.tsx
new file mode 100644
index 00000000..281e7926
--- /dev/null
+++ b/src/components/pages/pending/pending-members/constants.tsx
@@ -0,0 +1 @@
+export const PENDING_MEMBERS_MIN_HEIGHT = 'h-[calc(100vh-192px)]' as const;
diff --git a/src/components/pages/pending/pending-members/index.tsx b/src/components/pages/pending/pending-members/index.tsx
index cb5f0ca9..51fe1169 100644
--- a/src/components/pages/pending/pending-members/index.tsx
+++ b/src/components/pages/pending/pending-members/index.tsx
@@ -2,7 +2,7 @@
 
 import { useRouter } from 'next/navigation';
 
-import { useCallback, useEffect } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
 
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 
@@ -13,7 +13,9 @@ import { useToast } from '@/components/ui/toast/core';
 import { groupKeys } from '@/lib/query-key/query-key-group';
 import { GetJoinRequestsResponse } from '@/types/service/group';
 
+import { PENDING_MEMBERS_MIN_HEIGHT } from './constants';
 import { PendingMemberCard } from './pending-member-card';
+import { PendingMembersSkeleton } from './pending-members-loading';
 
 interface Props {
   groupId: string;
@@ -29,8 +31,10 @@ export const GroupPendingMembers = ({ groupId }: Props) => {
     queryFn: () => API.groupService.getJoinRequests({ groupId }, 'PENDING'),
   });
 
-  const isForbidden =
-    error && typeof error === 'object' && 'status' in error && error.status === 403;
+  const isForbidden = useMemo(
+    () => error && typeof error === 'object' && 'status' in error && error.status === 403,
+    [error],
+  );
 
   useEffect(() => {
     if (isForbidden) {
@@ -42,13 +46,10 @@ export const GroupPendingMembers = ({ groupId }: Props) => {
     mutationFn: (targetUserId: string) =>
       API.groupService.approveJoinRequest({ groupId, targetUserId }),
     onSuccess: async () => {
-      // 가입 신청 목록 캐시 무효화 및 자동 refetch
-      // GroupPendingSummary의 count도 자동으로 업데이트됨
       await queryClient.invalidateQueries({
         queryKey: groupKeys.joinRequests(groupId, 'PENDING'),
-        refetchType: 'active', // 활성화된 모든 쿼리 자동 refetch
+        refetchType: 'active',
       });
-      // 모임 상세 정보도 갱신
       await queryClient.invalidateQueries({ queryKey: groupKeys.detail(groupId) });
       run(<Toast type='success'>모임 신청이 수락되었습니다.</Toast>);
     },
@@ -58,11 +59,9 @@ export const GroupPendingMembers = ({ groupId }: Props) => {
     mutationFn: (targetUserId: string) =>
       API.groupService.rejectJoinRequest({ groupId, targetUserId }),
     onSuccess: async () => {
-      // 가입 신청 목록 캐시 무효화 및 모든 활성 쿼리 refetch
-      // GroupPendingSummary의 count도 자동으로 업데이트됨
       await queryClient.invalidateQueries({
         queryKey: groupKeys.joinRequests(groupId, 'PENDING'),
-        refetchType: 'active', // 활성화된 모든 쿼리 자동 refetch
+        refetchType: 'active',
       });
       run(<Toast>모임 신청이 거절되었습니다.</Toast>);
     },
@@ -82,12 +81,8 @@ export const GroupPendingMembers = ({ groupId }: Props) => {
     [rejectMutation],
   );
 
-  if (isLoading) {
-    return (
-      <section className='relative h-[calc(100vh-192px)]'>
-        <div className='flex-center h-full'>로딩 중...</div>
-      </section>
-    );
+  if (isLoading && !data && !error) {
+    return <PendingMembersSkeleton />;
   }
 
   if (isForbidden) {
@@ -96,7 +91,7 @@ export const GroupPendingMembers = ({ groupId }: Props) => {
 
   if (error && (!('status' in error) || error.status !== 403)) {
     return (
-      <section className='relative h-[calc(100vh-192px)]'>
+      <section className={`relative ${PENDING_MEMBERS_MIN_HEIGHT}`}>
         <div className='flex-center h-full text-gray-600'>데이터를 불러오는데 실패했습니다.</div>
       </section>
     );
@@ -104,7 +99,7 @@ export const GroupPendingMembers = ({ groupId }: Props) => {
 
   if (!data || data.items.length === 0) {
     return (
-      <section className='relative h-[calc(100vh-192px)]'>
+      <section className={`relative ${PENDING_MEMBERS_MIN_HEIGHT}`}>
         <EmptyState>승인 대기 중인 멤버가 없습니다</EmptyState>
       </section>
     );
diff --git a/src/components/pages/pending/pending-members/pending-members-loading/index.tsx b/src/components/pages/pending/pending-members/pending-members-loading/index.tsx
new file mode 100644
index 00000000..77cd95a9
--- /dev/null
+++ b/src/components/pages/pending/pending-members/pending-members-loading/index.tsx
@@ -0,0 +1,33 @@
+import { PENDING_MEMBERS_MIN_HEIGHT } from '../constants';
+
+const SKELETON_ITEMS_COUNT = 3;
+
+export const PendingMembersSkeleton = () => {
+  const skeletons = Array.from({ length: SKELETON_ITEMS_COUNT });
+
+  return (
+    <section className={`relative ${PENDING_MEMBERS_MIN_HEIGHT} px-4 pt-5 pb-5`}>
+      <ul className='animate-pulse space-y-4'>
+        {skeletons.map((_, index) => (
+          <li key={index}>
+            <div className='bg-mono-white rounded-3xl px-5 py-[26px] shadow-sm'>
+              <div className='flex gap-3'>
+                <div className='h-10 w-10 shrink-0 rounded-full bg-gray-200' />
+                <div className='flex-1'>
+                  <div className='h-5 w-24 rounded bg-gray-200' />
+                  <div className='mt-2 h-4 w-32 rounded bg-gray-200' />
+                </div>
+              </div>
+              <div className='mt-4 h-4 w-full rounded bg-gray-200' />
+              <div className='mt-3 h-4 w-2/3 rounded bg-gray-200' />
+              <div className='mt-4 flex gap-2'>
+                <div className='h-10 w-full rounded-xl bg-gray-200' />
+                <div className='h-10 w-full rounded-xl bg-gray-200' />
+              </div>
+            </div>
+          </li>
+        ))}
+      </ul>
+    </section>
+  );
+};
diff --git a/src/components/shared/card/card-skeleton/index.tsx b/src/components/shared/card/card-skeleton/index.tsx
index 0271dfb8..fde7eaa3 100644
--- a/src/components/shared/card/card-skeleton/index.tsx
+++ b/src/components/shared/card/card-skeleton/index.tsx
@@ -1,4 +1,8 @@
-export const CardSkeleton = () => {
+interface CardSkeletonProps {
+  showButtons?: boolean;
+}
+
+export const CardSkeleton = ({ showButtons = false }: CardSkeletonProps = {}) => {
   return (
     <div className='bg-mono-white flex w-full animate-pulse rounded-3xl p-4 shadow-sm'>
       <div className='flex w-full min-w-0 gap-4'>
@@ -8,6 +12,7 @@ export const CardSkeleton = () => {
             <div className='h-6 w-6 rounded-full bg-gray-200' />
             <div className='h-4 w-16 rounded bg-gray-200' />
           </div>
+          {showButtons && <div className='mt-3 h-10 w-auto min-w-[80px] rounded-xl bg-gray-200' />}
         </div>
 
         <div className='flex min-w-0 flex-1 flex-col justify-between'>
@@ -32,6 +37,8 @@ export const CardSkeleton = () => {
 
             <div className='h-2 w-full rounded-full bg-gray-200' />
           </div>
+
+          {showButtons && <div className='mt-3 h-10 w-auto min-w-[88px] rounded-xl bg-gray-200' />}
         </div>
       </div>
     </div>
diff --git a/src/hooks/use-group/use-group-infinite-list/index.ts b/src/hooks/use-group/use-group-infinite-list/index.ts
index 1c1540ab..8339320d 100644
--- a/src/hooks/use-group/use-group-infinite-list/index.ts
+++ b/src/hooks/use-group/use-group-infinite-list/index.ts
@@ -1,6 +1,6 @@
 import { useMemo } from 'react';
 
-import { InfiniteData, useInfiniteQuery } from '@tanstack/react-query';
+import { InfiniteData, QueryObserverResult, useInfiniteQuery } from '@tanstack/react-query';
 
 const STALE_TIME = 3 * 1000; // 3초
 const DEFAULT_ERROR_MESSAGE = '데이터를 불러오는데 실패했습니다.';
@@ -42,7 +42,9 @@ export interface UseInfiniteScrollReturn<TItem> {
   isFetchingNextPage: boolean;
   isFetching: boolean;
   isLoading: boolean;
-  refetch: () => void;
+  refetch: () => Promise<
+    QueryObserverResult<InfiniteData<InfiniteScrollResponse<TItem>, number | undefined>, Error>
+  >;
   // 모든 데이터 로드 완료시 메시지
   completedMessage: string;
 }