diff --git a/frontend-monorepo/packages/hanglog-admin/src/hooks/adminMember/useAddAdminMemberForm.ts b/frontend-monorepo/packages/hanglog-admin/src/hooks/adminMember/useAddAdminMemberForm.ts
index 165cf6dd..846cb4dd 100644
--- a/frontend-monorepo/packages/hanglog-admin/src/hooks/adminMember/useAddAdminMemberForm.ts
+++ b/frontend-monorepo/packages/hanglog-admin/src/hooks/adminMember/useAddAdminMemberForm.ts
@@ -72,9 +72,7 @@ export const useAddAdminMemberForm = ({ onSuccess, onError }: useAddAdminMemberF
 
     addAdminMemberMutaion.mutate(
       {
-        username: adminMemberInformation.username,
-        adminType: adminMemberInformation.adminType,
-        password: adminMemberInformation.password,
+        ...adminMemberInformation,
       },
       { onSuccess, onError }
     );
diff --git a/frontend-monorepo/packages/hanglog-admin/src/hooks/adminMember/useUpdatePasswordForm.ts b/frontend-monorepo/packages/hanglog-admin/src/hooks/adminMember/useUpdatePasswordForm.ts
index 5f438193..4d30db96 100644
--- a/frontend-monorepo/packages/hanglog-admin/src/hooks/adminMember/useUpdatePasswordForm.ts
+++ b/frontend-monorepo/packages/hanglog-admin/src/hooks/adminMember/useUpdatePasswordForm.ts
@@ -78,9 +78,8 @@ export const useUpdatePasswordForm = (
 
     updatePasswordMutaion.mutate(
       {
-        adminMemberId: adminMemberId,
-        currentPassword: adminMemberInformation.currentPassword,
-        newPassword: adminMemberInformation.newPassword,
+        adminMemberId,
+        ...adminMemberInformation,
       },
       { onSuccess, onError }
     );
diff --git a/frontend-monorepo/packages/hanglog-admin/src/pages/AdminMemberPage/AdminMemberPage.tsx b/frontend-monorepo/packages/hanglog-admin/src/pages/AdminMemberPage/AdminMemberPage.tsx
index a64e9d49..725601e0 100644
--- a/frontend-monorepo/packages/hanglog-admin/src/pages/AdminMemberPage/AdminMemberPage.tsx
+++ b/frontend-monorepo/packages/hanglog-admin/src/pages/AdminMemberPage/AdminMemberPage.tsx
@@ -1,5 +1,7 @@
 import { Button, Flex, Heading, useOverlay } from 'hang-log-design-system';
-import { useCallback, useEffect, useState } from 'react';
+import { Suspense, useCallback, useEffect, useState } from 'react';
+
+import AdminMemberTableSkeleton from '@/components/adminMember/AdminMemberTable/AdminMemberTableSkeleton';
 
 import AdminMemberAddModal from '@components/adminMember/AdminMemberAddModal/AdminMemberAddModal';
 import AdminMemberTable from '@components/adminMember/AdminMemberTable/AdminMemberTable';
@@ -53,7 +55,9 @@ const AdminMemberPage = () => {
             추가하기
           </Button>
           <section css={tableStyling}>
-            <AdminMemberTable adminMembers={currentPageData} />
+            <Suspense fallback={<AdminMemberTableSkeleton length={TABLE_ROW_LENGTH} />}>
+              <AdminMemberTable adminMembers={currentPageData} />
+            </Suspense>
           </section>
           <PageNavigation
             pages={pageIndexDatas}
diff --git a/frontend-monorepo/packages/hanglog-admin/src/pages/AdminMemberPage/AdminMemberPageSkeleton.tsx b/frontend-monorepo/packages/hanglog-admin/src/pages/AdminMemberPage/AdminMemberPageSkeleton.tsx
deleted file mode 100644
index 1a1ad34b..00000000
--- a/frontend-monorepo/packages/hanglog-admin/src/pages/AdminMemberPage/AdminMemberPageSkeleton.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Button, Flex, Heading, Skeleton } from 'hang-log-design-system';
-
-import AdminMemberTableSkeleton from '@components/adminMember/AdminMemberTable/AdminMemberTableSkeleton';
-import SidebarNavigation from '@components/common/SidebarNavigation/SidebarNavigation';
-
-import {
-  addButtonStyling,
-  containerStyling,
-  pagenationSkeletonStyling,
-  tableStyling,
-  titleStyling,
-} from './AdminMemberPage.style';
-
-const AdminMemberPageSkeleton = () => {
-  return (
-    <>
-      <Flex>
-        <SidebarNavigation />
-        <Flex styles={{ direction: 'column', align: 'center' }} css={containerStyling}>
-          <Heading size="large" css={titleStyling}>
-            관리자 멤버 관리
-          </Heading>
-          <Button variant="primary" css={addButtonStyling}>
-            추가하기
-          </Button>
-          <section css={tableStyling}>
-            <AdminMemberTableSkeleton length={10} />
-          </section>
-          <div css={pagenationSkeletonStyling}>
-            <Skeleton />
-          </div>
-        </Flex>
-      </Flex>
-    </>
-  );
-};
-
-export default AdminMemberPageSkeleton;
diff --git a/frontend-monorepo/packages/hanglog-admin/src/pages/CategoryPage/CategoryPage.tsx b/frontend-monorepo/packages/hanglog-admin/src/pages/CategoryPage/CategoryPage.tsx
index d34c6e3b..939c1ee0 100644
--- a/frontend-monorepo/packages/hanglog-admin/src/pages/CategoryPage/CategoryPage.tsx
+++ b/frontend-monorepo/packages/hanglog-admin/src/pages/CategoryPage/CategoryPage.tsx
@@ -1,5 +1,7 @@
 import { Button, Flex, Heading, useOverlay } from 'hang-log-design-system';
-import { useCallback, useEffect, useState } from 'react';
+import { Suspense, useCallback, useEffect, useState } from 'react';
+
+import CategoryTableSkeleton from '@/components/category/CategoryTable/CategoryTableSkeleton';
 
 import CategoryAddModal from '@components/category/CategoryAddModal/CategoryAddModal';
 import CategoryTable from '@components/category/CategoryTable/CategoryTable';
@@ -53,7 +55,9 @@ const CategoryPage = () => {
             추가하기
           </Button>
           <section css={tableStyling}>
-            <CategoryTable categories={currentPageData} />
+            <Suspense fallback={<CategoryTableSkeleton length={TABLE_ROW_LENGTH} />}>
+              <CategoryTable categories={currentPageData} />
+            </Suspense>
           </section>
           <PageNavigation
             pages={pageIndexDatas}
diff --git a/frontend-monorepo/packages/hanglog-admin/src/pages/CategoryPage/CategoryPageSkeleton.tsx b/frontend-monorepo/packages/hanglog-admin/src/pages/CategoryPage/CategoryPageSkeleton.tsx
deleted file mode 100644
index 8d7fed1c..00000000
--- a/frontend-monorepo/packages/hanglog-admin/src/pages/CategoryPage/CategoryPageSkeleton.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Button, Flex, Heading, Skeleton } from 'hang-log-design-system';
-
-import CategoryTableSkeleton from '@components/category/CategoryTable/CategoryTableSkeleton';
-import SidebarNavigation from '@components/common/SidebarNavigation/SidebarNavigation';
-
-import {
-  addButtonStyling,
-  containerStyling,
-  pagenationSkeletonStyling,
-  tableStyling,
-  titleStyling,
-} from './CategoryPage.style';
-
-const CategoryPageSkeleton = () => {
-  return (
-    <>
-      <Flex>
-        <SidebarNavigation />
-        <Flex styles={{ direction: 'column', align: 'center' }} css={containerStyling}>
-          <Heading size="large" css={titleStyling}>
-            카테고리 관리
-          </Heading>
-          <Button variant="primary" css={addButtonStyling}>
-            추가하기
-          </Button>
-          <section css={tableStyling}>
-            <CategoryTableSkeleton length={10} />
-          </section>
-          <div css={pagenationSkeletonStyling}>
-            <Skeleton />
-          </div>
-        </Flex>
-      </Flex>
-    </>
-  );
-};
-
-export default CategoryPageSkeleton;
diff --git a/frontend-monorepo/packages/hanglog-admin/src/pages/CityPage/CityPage.tsx b/frontend-monorepo/packages/hanglog-admin/src/pages/CityPage/CityPage.tsx
index c8658dc4..88b168df 100644
--- a/frontend-monorepo/packages/hanglog-admin/src/pages/CityPage/CityPage.tsx
+++ b/frontend-monorepo/packages/hanglog-admin/src/pages/CityPage/CityPage.tsx
@@ -1,5 +1,7 @@
 import { Button, Flex, Heading, useOverlay } from 'hang-log-design-system';
-import { useCallback, useEffect, useState } from 'react';
+import { Suspense, useCallback, useEffect, useState } from 'react';
+
+import CityTableSkeleton from '@/components/city/CityTable/CityTableSkeleton';
 
 import CityAddModal from '@components/city/CityAddModal/CityAddModal';
 import CityTable from '@components/city/CityTable/CityTable';
@@ -45,7 +47,9 @@ const CityPage = () => {
             추가하기
           </Button>
           <section css={tableStyling}>
-            <CityTable cities={currentPageData} />
+            <Suspense fallback={<CityTableSkeleton length={TABLE_ROW_LENGTH} />}>
+              <CityTable cities={currentPageData} />
+            </Suspense>
           </section>
           <PageNavigation
             pages={pageIndexDatas}
diff --git a/frontend-monorepo/packages/hanglog-admin/src/pages/CityPage/CityPageSkeleton.tsx b/frontend-monorepo/packages/hanglog-admin/src/pages/CityPage/CityPageSkeleton.tsx
deleted file mode 100644
index d18d09fa..00000000
--- a/frontend-monorepo/packages/hanglog-admin/src/pages/CityPage/CityPageSkeleton.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Button, Flex, Heading, Skeleton } from 'hang-log-design-system';
-
-import CityTableSkeleton from '@components/city/CityTable/CityTableSkeleton';
-import SidebarNavigation from '@components/common/SidebarNavigation/SidebarNavigation';
-
-import {
-  addButtonStyling,
-  containerStyling,
-  pagenationSkeletonStyling,
-  tableStyling,
-  titleStyling,
-} from './CityPage.style';
-
-const CityPageSkeleton = () => {
-  return (
-    <>
-      <Flex>
-        <SidebarNavigation />
-        <Flex styles={{ direction: 'column', align: 'center' }} css={containerStyling}>
-          <Heading size="large" css={titleStyling}>
-            도시 관리
-          </Heading>
-          <Button variant="primary" css={addButtonStyling}>
-            추가하기
-          </Button>
-          <section css={tableStyling}>
-            <CityTableSkeleton length={10} />
-          </section>
-          <div css={pagenationSkeletonStyling}>
-            <Skeleton />
-          </div>
-        </Flex>
-      </Flex>
-    </>
-  );
-};
-
-export default CityPageSkeleton;
diff --git a/frontend-monorepo/packages/hanglog-admin/src/pages/CurrencyPage/CurrencyPage.tsx b/frontend-monorepo/packages/hanglog-admin/src/pages/CurrencyPage/CurrencyPage.tsx
index d84351be..379c6be0 100644
--- a/frontend-monorepo/packages/hanglog-admin/src/pages/CurrencyPage/CurrencyPage.tsx
+++ b/frontend-monorepo/packages/hanglog-admin/src/pages/CurrencyPage/CurrencyPage.tsx
@@ -1,5 +1,7 @@
 import { Button, Flex, Heading, useOverlay } from 'hang-log-design-system';
-import { useCallback, useEffect, useState } from 'react';
+import { Suspense, useCallback, useEffect, useState } from 'react';
+
+import CurrencyTableSkeleton from '@/components/currency/CurrencyTable/CurrencyTableSkeleton';
 
 import PageNavigation from '@components/common/PageNavigation/PageNavigation';
 import SidebarNavigation from '@components/common/SidebarNavigation/SidebarNavigation';
@@ -50,7 +52,9 @@ const CurrencyPage = () => {
             추가하기
           </Button>
           <section css={tableStyling}>
-            <CurrencyTable currencies={currencyListData.currencies} />
+            <Suspense fallback={<CurrencyTableSkeleton length={TABLE_ROW_LENGTH} />}>
+              <CurrencyTable currencies={currencyListData.currencies} />
+            </Suspense>
           </section>
           <PageNavigation
             pages={pageIndexDatas}
diff --git a/frontend-monorepo/packages/hanglog-admin/src/pages/CurrencyPage/CurrencyPageSkeleton.tsx b/frontend-monorepo/packages/hanglog-admin/src/pages/CurrencyPage/CurrencyPageSkeleton.tsx
deleted file mode 100644
index 56c2aa95..00000000
--- a/frontend-monorepo/packages/hanglog-admin/src/pages/CurrencyPage/CurrencyPageSkeleton.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Button, Flex, Heading, Skeleton } from 'hang-log-design-system';
-
-import SidebarNavigation from '@components/common/SidebarNavigation/SidebarNavigation';
-import CurrencyTableSkeleton from '@components/currency/CurrencyTable/CurrencyTableSkeleton';
-
-import {
-  addButtonStyling,
-  containerStyling,
-  pagenationSkeletonStyling,
-  tableStyling,
-  titleStyling,
-} from './CurrencyPage.style';
-
-const CurrencyPageSkeleton = () => {
-  return (
-    <>
-      <Flex>
-        <SidebarNavigation />
-        <Flex styles={{ direction: 'column', align: 'center' }} css={containerStyling}>
-          <Heading size="large" css={titleStyling}>
-            환율 관리
-          </Heading>
-          <Button variant="primary" css={addButtonStyling}>
-            추가하기
-          </Button>
-
-          <section css={tableStyling}>
-            <CurrencyTableSkeleton length={10} />
-          </section>
-          <div css={pagenationSkeletonStyling}>
-            <Skeleton />
-          </div>
-        </Flex>
-      </Flex>
-    </>
-  );
-};
-
-export default CurrencyPageSkeleton;
diff --git a/frontend-monorepo/packages/hanglog-admin/src/router/AppRouter.tsx b/frontend-monorepo/packages/hanglog-admin/src/router/AppRouter.tsx
index 9204a0c0..c0de082b 100644
--- a/frontend-monorepo/packages/hanglog-admin/src/router/AppRouter.tsx
+++ b/frontend-monorepo/packages/hanglog-admin/src/router/AppRouter.tsx
@@ -5,13 +5,9 @@ import App from '@/App';
 
 import AdminMainPage from '@pages/AdminMainPage/AdminMainPage';
 import AdminMemberPage from '@pages/AdminMemberPage/AdminMemberPage';
-import AdminMemberPageSkeleton from '@pages/AdminMemberPage/AdminMemberPageSkeleton';
 import CategoryPage from '@pages/CategoryPage/CategoryPage';
-import CategoryPageSkeleton from '@pages/CategoryPage/CategoryPageSkeleton';
 import CityPage from '@pages/CityPage/CityPage';
-import CityPageSkeleton from '@pages/CityPage/CityPageSkeleton';
 import CurrencyPage from '@pages/CurrencyPage/CurrencyPage';
-import CurrencyPageSkeleton from '@pages/CurrencyPage/CurrencyPageSkeleton';
 import NotFoundPage from '@pages/NotFoundPage/NotFoundPage';
 
 import { PATH } from '@constants/path';
@@ -37,7 +33,7 @@ const router = createBrowserRouter([
       {
         path: PATH.ADMIN_MEMBER,
         element: (
-          <Suspense fallback={<AdminMemberPageSkeleton />}>
+          <Suspense>
             <AdminMemberPage />
           </Suspense>
         ),
@@ -45,7 +41,7 @@ const router = createBrowserRouter([
       {
         path: PATH.CITY,
         element: (
-          <Suspense fallback={<CityPageSkeleton />}>
+          <Suspense>
             <CityPage />
           </Suspense>
         ),
@@ -53,7 +49,7 @@ const router = createBrowserRouter([
       {
         path: PATH.CATEGORY,
         element: (
-          <Suspense fallback={<CategoryPageSkeleton />}>
+          <Suspense>
             <CategoryPage />
           </Suspense>
         ),
@@ -61,7 +57,7 @@ const router = createBrowserRouter([
       {
         path: PATH.CURRENCY,
         element: (
-          <Suspense fallback={<CurrencyPageSkeleton />}>
+          <Suspense>
             <CurrencyPage />
           </Suspense>
         ),