diff --git a/package.json b/package.json
index c40d2e3..f779ea3 100644
--- a/package.json
+++ b/package.json
@@ -68,7 +68,7 @@
     "format": "prettier --write .",
     "test": "jest",
     "commit": "cz",
-    "generate:types": "openapi-typescript http://43.202.50.174:8080/v3/api-docs --output src/types/apiSchema.types.d.ts",
+    "generate:types": "openapi-typescript http://43.202.50.174:8080/v3/api-docs --output src/types/api/apiSchema.types.d.ts",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "chromatic": "npx chromatic"
diff --git a/src/app/(pages)/sign-in/page.tsx b/src/app/(pages)/sign-in/page.tsx
index 3f26f08..f242f55 100644
--- a/src/app/(pages)/sign-in/page.tsx
+++ b/src/app/(pages)/sign-in/page.tsx
@@ -2,12 +2,10 @@
 
 import { SubmitHandler, useForm } from 'react-hook-form'
 
-import { SignInRequest } from '@/types/auth.types'
+import { SignInRequest } from '@/types/api/auth.types'
 import { useSignInMutation } from 'queries/useSignIn'
 
-
 export default function LoginPage(): JSX.Element {
-
   const {
     register,
     handleSubmit,
diff --git a/src/app/(pages)/sign-up/page.tsx b/src/app/(pages)/sign-up/page.tsx
index 593ce36..9f9af12 100644
--- a/src/app/(pages)/sign-up/page.tsx
+++ b/src/app/(pages)/sign-up/page.tsx
@@ -4,7 +4,7 @@ import { useRouter } from 'next/navigation'
 
 import { SubmitHandler, useForm } from 'react-hook-form'
 
-import { SignUpRequest } from '@/types/auth.types'
+import { SignUpRequest } from '@/types/api/auth.types'
 import { useSignUpMutation } from 'queries/useSignUp'
 
 export default function SignUpPage(): JSX.Element {
diff --git a/src/app/api/auth/sign-in/route.ts b/src/app/api/auth/sign-in/route.ts
index 0fa2b46..8e2436f 100644
--- a/src/app/api/auth/sign-in/route.ts
+++ b/src/app/api/auth/sign-in/route.ts
@@ -1,6 +1,6 @@
 import { NextResponse } from 'next/server'
 
-import { SignInRequest, SignInResponseResult } from '@/types/auth.types'
+import { SignInRequest, SignInResponseResult } from '@/types/api/auth.types'
 
 import { backendApi } from '@/services/api'
 
diff --git a/src/hooks/usePagination.ts b/src/hooks/usePagination.ts
index 4c9b2ca..e6d73dd 100644
--- a/src/hooks/usePagination.ts
+++ b/src/hooks/usePagination.ts
@@ -2,7 +2,7 @@ import { useState } from 'react'
 
 import type { PaginationState } from '@/types/hooks'
 
-interface UsePaginationProps {
+export interface UsePaginationProps {
   totalItems: number // 전체 아이템 수
   itemsPerPage: number // 페이지당 아이템 수
   buttonsPerPage?: number // 한 번에 보여줄 페이지네이션 버튼 수 (기본값: 10)
diff --git a/src/services/auth/auth.ts b/src/services/auth/auth.ts
index 92ccea6..5b90719 100644
--- a/src/services/auth/auth.ts
+++ b/src/services/auth/auth.ts
@@ -1,4 +1,4 @@
-import { SignInRequest, SignUpRequest } from '@/types/auth.types'
+import { SignInRequest, SignUpRequest } from '@/types/api/auth.types'
 
 import { backendApi, proxyApi } from '@/services/api'
 
diff --git a/src/stories/shared/pagination/Pagination.stories.tsx b/src/stories/shared/pagination/Pagination.stories.tsx
index 0e5abeb..8db7605 100644
--- a/src/stories/shared/pagination/Pagination.stories.tsx
+++ b/src/stories/shared/pagination/Pagination.stories.tsx
@@ -2,28 +2,50 @@ import { Meta, StoryObj } from '@storybook/react'
 
 import { Pagination } from '@/components/shared/pagination'
 
-import { usePagination } from '@/hooks/usePagination'
+import { UsePaginationProps, usePagination } from '@/hooks/usePagination'
 
 export default {
-  title: 'Shared/Pagination/Pagination',
+  title: 'Shared/Pagination',
   component: Pagination,
   argTypes: {
-    currentPage: { control: { type: 'number', min: 1 }, defaultValue: 1 },
-    totalPages: { control: { type: 'number', min: 1 }, defaultValue: 5 },
-    hasNextPage: { control: 'boolean', defaultValue: true },
-    hasPreviousPage: { control: 'boolean', defaultValue: false },
+    totalItems: { control: 'number', defaultValue: 100 },
+    itemsPerPage: { control: 'number', defaultValue: 6 },
+    buttonsPerPage: { control: 'number', defaultValue: 10 },
   },
 } as Meta
 
-export const Default: StoryObj = {
+const PaginationWrapper = ({
+  totalItems,
+  itemsPerPage,
+  buttonsPerPage = 10,
+}: UsePaginationProps) => {
+  const paginationState = usePagination({
+    totalItems,
+    itemsPerPage,
+    buttonsPerPage,
+  })
+
+  return (
+    <div className='p-4'>
+      <Pagination {...paginationState} />
+      <div className='text-sm mt-4 text-gray-700'>
+        <p>
+          <strong>현재 페이지:</strong> {paginationState.currentPage}
+        </p>
+        <p>
+          <strong>현재 그룹:</strong>{' '}
+          {Math.ceil(paginationState.currentPage / buttonsPerPage)}
+        </p>
+      </div>
+    </div>
+  )
+}
+
+export const Default: StoryObj<UsePaginationProps> = {
   args: {
-    currentPage: 1,
-    pageButtons: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
-    totalPages: 5,
-    hasNextPageGroup: true,
-    hasPreviousPageGroup: true,
-    goToPage: (page: number) => alert(`Go to page: ${page}`),
-    goToNextPageGroup: () => alert('Next page'),
-    goToPreviousPageGroup: () => alert('Previous page'),
+    totalItems: 100,
+    itemsPerPage: 6,
+    buttonsPerPage: 10,
   },
+  render: args => <PaginationWrapper {...args} />,
 }
diff --git a/src/types/apiResponse.types.d.ts b/src/types/api/apiResponse.types.d.ts
similarity index 100%
rename from src/types/apiResponse.types.d.ts
rename to src/types/api/apiResponse.types.d.ts
diff --git a/src/types/apiSchema.types.d.ts b/src/types/api/apiSchema.types.d.ts
similarity index 100%
rename from src/types/apiSchema.types.d.ts
rename to src/types/api/apiSchema.types.d.ts
diff --git a/src/types/auth.types.d.ts b/src/types/api/auth.types.d.ts
similarity index 100%
rename from src/types/auth.types.d.ts
rename to src/types/api/auth.types.d.ts
diff --git a/src/types/community.types.d.ts b/src/types/api/community.types.d.ts
similarity index 100%
rename from src/types/community.types.d.ts
rename to src/types/api/community.types.d.ts
diff --git a/src/types/global.types.d.ts b/src/types/api/global.types.d.ts
similarity index 100%
rename from src/types/global.types.d.ts
rename to src/types/api/global.types.d.ts
diff --git a/src/types/portfolio.types.d.ts b/src/types/api/portfolio.types.d.ts
similarity index 100%
rename from src/types/portfolio.types.d.ts
rename to src/types/api/portfolio.types.d.ts
diff --git a/src/types/post.types.d.ts b/src/types/api/post.types.d.ts
similarity index 100%
rename from src/types/post.types.d.ts
rename to src/types/api/post.types.d.ts
diff --git a/src/types/profile.types.d.ts b/src/types/api/profile.types.d.ts
similarity index 100%
rename from src/types/profile.types.d.ts
rename to src/types/api/profile.types.d.ts
diff --git a/src/types/svg.d.ts b/src/types/api/svg.d.ts
similarity index 100%
rename from src/types/svg.d.ts
rename to src/types/api/svg.d.ts
diff --git a/src/types/team.types.d.ts b/src/types/api/team.types.d.ts
similarity index 100%
rename from src/types/team.types.d.ts
rename to src/types/api/team.types.d.ts