diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index 42b9ebd1..21537d74 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -4,7 +4,7 @@ import type { Preview } from '@storybook/react';
 import '@/styles/global.css';
 
 import Layout from '../src/v1/layout/Layout';
-import ToastProvider from '../src/ui/Base/Toast/ToastProvider';
+import ToastProvider from '../src/v1/base/Toast/ToastProvider';
 
 const preview: Preview = {
   parameters: {
diff --git a/src/app/bookarchive/page.tsx b/src/app/bookarchive/page.tsx
index 0bc8e5ac..3e884636 100644
--- a/src/app/bookarchive/page.tsx
+++ b/src/app/bookarchive/page.tsx
@@ -6,7 +6,7 @@ import { Suspense } from 'react';
 import useMounted from '@/hooks/useMounted';
 import BookArchiveForAuth from '@/v1/bookArchive/BookArchiveForAuth';
 import BookArchiveForUnAuth from '@/v1/bookArchive/BookArchiveForUnAuth';
-import TopHeader from '@/ui/Base/TopHeader';
+import TopHeader from '@/v1/base/TopHeader';
 
 export default function BookArchivePage() {
   return (
diff --git a/src/app/bookshelf/[bookshelfId]/page.tsx b/src/app/bookshelf/[bookshelfId]/page.tsx
index 8277f05b..78a5d1ef 100644
--- a/src/app/bookshelf/[bookshelfId]/page.tsx
+++ b/src/app/bookshelf/[bookshelfId]/page.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import { IconHeart, IconArrowLeft, IconShare, IconKakao } from '@public/icons';
-import useToast from '@/ui/Base/Toast/useToast';
+import useToast from '@/v1/base/Toast/useToast';
 import useBookShelfBooksQuery from '@/queries/bookshelf/useBookShelfBookListQuery';
 import useBookShelfInfoQuery from '@/queries/bookshelf/useBookShelfInfoQuery';
 import {
@@ -11,8 +11,8 @@ import {
 
 import { useEffect } from 'react';
 import { useInView } from 'react-intersection-observer';
-import Button from '@/ui/Base/Button';
-import TopNavigation from '@/ui/Base/TopNavigation';
+import Button from '@/v1/base/Button';
+import TopNavigation from '@/v1/base/TopNavigation';
 import BookShelfRow from '@/v1/bookShelf/BookShelfRow';
 import { useRouter } from 'next/navigation';
 import { isAuthed } from '@/utils/helpers';
diff --git a/src/app/group/page.tsx b/src/app/group/page.tsx
index d8b9ab91..a2c4d79c 100644
--- a/src/app/group/page.tsx
+++ b/src/app/group/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import TopHeader from '@/ui/Base/TopHeader';
+import TopHeader from '@/v1/base/TopHeader';
 import SearchGroup from '@/v1/bookGroup/SearchGroup';
 import SimpleBookGroupCard from '@/v1/bookGroup/SimpleBookGroupCard';
 import DetailBookGroupCard from '@/v1/bookGroup/DetailBookGroupCard';
diff --git a/src/app/loading.tsx b/src/app/loading.tsx
index 74aace4a..95a9eab2 100644
--- a/src/app/loading.tsx
+++ b/src/app/loading.tsx
@@ -1,4 +1,4 @@
-import Loading from '@/ui/Base/Loading';
+import Loading from '@/v1/base/Loading';
 
 export default function RootLoading() {
   return <Loading fullpage />;
diff --git a/src/components/ContextProvider.tsx b/src/components/ContextProvider.tsx
index 4a114cb4..92130a5f 100644
--- a/src/components/ContextProvider.tsx
+++ b/src/components/ContextProvider.tsx
@@ -6,7 +6,7 @@ import ChakraThemeProvider from '@/components/ChakraThemeProvider';
 import ReactQueryProvider from '@/components/ReactQueryProvider';
 import { ReactNode } from 'react';
 import ErrorPage from '@/app/error';
-import ToastProvider from '@/ui/Base/Toast/ToastProvider';
+import ToastProvider from '@/v1/base/Toast/ToastProvider';
 import Layout from '@/v1/layout/Layout';
 
 const ContextProvider = ({ children }: { children: ReactNode }) => {
diff --git a/src/stories/Base/Avatar.stories.tsx b/src/stories/base/Avatar.stories.tsx
similarity index 90%
rename from src/stories/Base/Avatar.stories.tsx
rename to src/stories/base/Avatar.stories.tsx
index deaff4d9..58b1179c 100644
--- a/src/stories/Base/Avatar.stories.tsx
+++ b/src/stories/base/Avatar.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 
-import Avatar from '@/ui/Base/Avatar';
+import Avatar from '@/v1/base/Avatar';
 
 const meta: Meta<typeof Avatar> = {
   title: 'Base/Avatar',
diff --git a/src/stories/Base/Badge.stories.tsx b/src/stories/base/Badge.stories.tsx
similarity index 96%
rename from src/stories/Base/Badge.stories.tsx
rename to src/stories/base/Badge.stories.tsx
index a7859dda..18b6da04 100644
--- a/src/stories/Base/Badge.stories.tsx
+++ b/src/stories/base/Badge.stories.tsx
@@ -1,4 +1,4 @@
-import Badge from '@/ui/Base/Badge';
+import Badge from '@/v1/base/Badge';
 import { IconHeart } from '@public/icons';
 import { Meta, StoryObj } from '@storybook/react';
 
diff --git a/src/stories/Base/BottomActionButton.stories.tsx b/src/stories/base/BottomActionButton.stories.tsx
similarity index 89%
rename from src/stories/Base/BottomActionButton.stories.tsx
rename to src/stories/base/BottomActionButton.stories.tsx
index d6860131..a290ffd3 100644
--- a/src/stories/Base/BottomActionButton.stories.tsx
+++ b/src/stories/base/BottomActionButton.stories.tsx
@@ -1,4 +1,4 @@
-import BottomActionButton from '@/ui/Base/BottomActionButton';
+import BottomActionButton from '@/v1/base/BottomActionButton';
 import { Meta, StoryObj } from '@storybook/react';
 
 const meta: Meta<typeof BottomActionButton> = {
diff --git a/src/stories/Base/BottomNavigation.stories.tsx b/src/stories/base/BottomNavigation.stories.tsx
similarity index 93%
rename from src/stories/Base/BottomNavigation.stories.tsx
rename to src/stories/base/BottomNavigation.stories.tsx
index 60bf6d14..893ca237 100644
--- a/src/stories/Base/BottomNavigation.stories.tsx
+++ b/src/stories/base/BottomNavigation.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 
-import BottomNavigation from '@/ui/Base/BottomNavigation';
+import BottomNavigation from '@/v1/base/BottomNavigation';
 
 const meta: Meta<typeof BottomNavigation> = {
   title: 'Base/BottomNavigation',
diff --git a/src/stories/Base/BottomSheet.stories.tsx b/src/stories/base/BottomSheet.stories.tsx
similarity index 96%
rename from src/stories/Base/BottomSheet.stories.tsx
rename to src/stories/base/BottomSheet.stories.tsx
index 728cd72b..57b329e0 100644
--- a/src/stories/Base/BottomSheet.stories.tsx
+++ b/src/stories/base/BottomSheet.stories.tsx
@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
 
 import { IconClose, IconKakao, LogoWithText } from '@public/icons';
-import Button from '@/ui/Base/Button';
-import BottomSheet from '@/ui/Base/BottomSheet';
+import Button from '@/v1/base/Button';
+import BottomSheet from '@/v1/base/BottomSheet';
 import useDisclosure from '@/hooks/useDisclosure';
 
 const meta: Meta<typeof BottomSheet> = {
diff --git a/src/stories/Base/Button.stories.tsx b/src/stories/base/Button.stories.tsx
similarity index 96%
rename from src/stories/Base/Button.stories.tsx
rename to src/stories/base/Button.stories.tsx
index a857e86b..93c1ff33 100644
--- a/src/stories/Base/Button.stories.tsx
+++ b/src/stories/base/Button.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 
-import Button from '@/ui/Base/Button';
+import Button from '@/v1/base/Button';
 
 const meta: Meta<typeof Button> = {
   title: 'Base/Button',
diff --git a/src/stories/Base/FloatingButton.stories.tsx b/src/stories/base/FloatingButton.stories.tsx
similarity index 87%
rename from src/stories/Base/FloatingButton.stories.tsx
rename to src/stories/base/FloatingButton.stories.tsx
index 73cf5c83..66786897 100644
--- a/src/stories/Base/FloatingButton.stories.tsx
+++ b/src/stories/base/FloatingButton.stories.tsx
@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import FloatingButton from '@/ui/Base/FloatingButton';
+import FloatingButton from '@/v1/base/FloatingButton';
 
 const meta: Meta<typeof FloatingButton> = {
   title: 'Base/FloatingButton',
diff --git a/src/stories/Base/Input.stories.tsx b/src/stories/base/Input.stories.tsx
similarity index 93%
rename from src/stories/Base/Input.stories.tsx
rename to src/stories/base/Input.stories.tsx
index 664a666c..062f2df8 100644
--- a/src/stories/Base/Input.stories.tsx
+++ b/src/stories/base/Input.stories.tsx
@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
-import Input from '@/ui/Base/Input';
-import Button from '@/ui/Base/Button';
+import Input from '@/v1/base/Input';
+import Button from '@/v1/base/Button';
 import { Control, SubmitHandler, useForm, useWatch } from 'react-hook-form';
-import ErrorMessage from '@/ui/Base/ErrorMessage';
+import ErrorMessage from '@/v1/base/ErrorMessage';
 
 const meta: Meta<typeof Input> = {
   title: 'Base/Input',
@@ -95,8 +95,7 @@ const Length = ({
 
   return (
     <div>
-      <span className={textColor}>{currentLength}</span>/
-      {maxLength}
+      <span className={textColor}>{currentLength}</span>/{maxLength}
     </div>
   );
 };
diff --git a/src/stories/Base/InputLength.stories.tsx b/src/stories/base/InputLength.stories.tsx
similarity index 91%
rename from src/stories/Base/InputLength.stories.tsx
rename to src/stories/base/InputLength.stories.tsx
index 9a3b10eb..007918de 100644
--- a/src/stories/Base/InputLength.stories.tsx
+++ b/src/stories/base/InputLength.stories.tsx
@@ -1,10 +1,10 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { SubmitHandler, useForm } from 'react-hook-form';
 
-import Button from '@/ui/Base/Button';
-import Input from '@/ui/Base/Input';
-import InputLength from '@/ui/Base/InputLength';
-import ErrorMessage from '@/ui/Base/ErrorMessage';
+import Button from '@/v1/base/Button';
+import Input from '@/v1/base/Input';
+import InputLength from '@/v1/base/InputLength';
+import ErrorMessage from '@/v1/base/ErrorMessage';
 
 const meta: Meta<typeof InputLength> = {
   title: 'Base/InputLength',
diff --git a/src/stories/Base/Loading.stories.tsx b/src/stories/base/Loading.stories.tsx
similarity index 90%
rename from src/stories/Base/Loading.stories.tsx
rename to src/stories/base/Loading.stories.tsx
index 0fe056ae..8d181b5c 100644
--- a/src/stories/Base/Loading.stories.tsx
+++ b/src/stories/base/Loading.stories.tsx
@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import Loading from '@/ui/Base/Loading';
+import Loading from '@/v1/base/Loading';
 
 const meta: Meta<typeof Loading> = {
   title: 'Base/Loading',
diff --git a/src/stories/Base/Modal.stories.tsx b/src/stories/base/Modal.stories.tsx
similarity index 95%
rename from src/stories/Base/Modal.stories.tsx
rename to src/stories/base/Modal.stories.tsx
index ccc24ce3..32d3d414 100644
--- a/src/stories/Base/Modal.stories.tsx
+++ b/src/stories/base/Modal.stories.tsx
@@ -1,7 +1,7 @@
 import { Meta, StoryObj } from '@storybook/react';
-import Modal from '@/ui/Base/Modal';
+import Modal from '@/v1/base/Modal';
 import useDisclosure from '@/hooks/useDisclosure';
-import Button from '@/ui/Base/Button';
+import Button from '@/v1/base/Button';
 import { Fragment } from 'react';
 
 const meta: Meta<typeof Modal> = {
diff --git a/src/stories/Base/RadioButton.stories.tsx b/src/stories/base/RadioButton.stories.tsx
similarity index 94%
rename from src/stories/Base/RadioButton.stories.tsx
rename to src/stories/base/RadioButton.stories.tsx
index bc6a2402..cf62a4a5 100644
--- a/src/stories/Base/RadioButton.stories.tsx
+++ b/src/stories/base/RadioButton.stories.tsx
@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { SubmitHandler, useForm } from 'react-hook-form';
 
-import RadioButton from '@/ui/Base/RadioButton';
-import Button from '@/ui/Base/Button';
+import RadioButton from '@/v1/base/RadioButton';
+import Button from '@/v1/base/Button';
 
 const meta: Meta<typeof RadioButton> = {
   title: 'Base/RadioButton',
diff --git a/src/stories/Base/Select.stories.tsx b/src/stories/base/Select.stories.tsx
similarity index 91%
rename from src/stories/Base/Select.stories.tsx
rename to src/stories/base/Select.stories.tsx
index bd82d22d..5f1f624d 100644
--- a/src/stories/Base/Select.stories.tsx
+++ b/src/stories/base/Select.stories.tsx
@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
-import Select from '@/ui/Base/Select';
+import Select from '@/v1/base/Select';
 import { SubmitHandler, useForm } from 'react-hook-form';
-import Button from '@/ui/Base/Button';
-import ErrorMessage from '@/ui/Base/ErrorMessage';
+import Button from '@/v1/base/Button';
+import ErrorMessage from '@/v1/base/ErrorMessage';
 
 const meta: Meta<typeof Select> = {
   title: 'Base/Select',
@@ -54,7 +54,9 @@ const SelectWithUseForm = () => {
             </Select.Option>
           ))}
         </Select>
-        {errors.requiredNumber && <ErrorMessage>{errors.requiredNumber.message}</ErrorMessage>}
+        {errors.requiredNumber && (
+          <ErrorMessage>{errors.requiredNumber.message}</ErrorMessage>
+        )}
       </div>
       <div className="flex flex-col gap-[0.5rem]">
         <Select
diff --git a/src/stories/Base/Switch.stories.tsx b/src/stories/base/Switch.stories.tsx
similarity index 93%
rename from src/stories/Base/Switch.stories.tsx
rename to src/stories/base/Switch.stories.tsx
index 76720185..29e80fb2 100644
--- a/src/stories/Base/Switch.stories.tsx
+++ b/src/stories/base/Switch.stories.tsx
@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { SubmitHandler, useForm } from 'react-hook-form';
 
-import Switch from '@/ui/Base/Switch';
-import Button from '@/ui/Base/Button';
+import Switch from '@/v1/base/Switch';
+import Button from '@/v1/base/Button';
 
 const meta: Meta<typeof Switch> = {
   title: 'Base/Switch',
diff --git a/src/stories/Base/Toast.stories.tsx b/src/stories/base/Toast.stories.tsx
similarity index 90%
rename from src/stories/Base/Toast.stories.tsx
rename to src/stories/base/Toast.stories.tsx
index 1fae95ad..5ace443b 100644
--- a/src/stories/Base/Toast.stories.tsx
+++ b/src/stories/base/Toast.stories.tsx
@@ -1,8 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
 
-import Button from '@/ui/Base/Button';
-import useToast from '@/ui/Base/Toast/useToast';
-import ToastItem from '@/ui/Base/Toast/ToastItem';
+import Button from '@/v1/base/Button';
+import useToast from '@/v1/base/Toast/useToast';
+import ToastItem from '@/v1/base/Toast/ToastItem';
 
 const meta: Meta<typeof ToastItem> = {
   title: 'Base/Toast',
diff --git a/src/stories/Base/TopHeader.stories.tsx b/src/stories/base/TopHeader.stories.tsx
similarity index 94%
rename from src/stories/Base/TopHeader.stories.tsx
rename to src/stories/base/TopHeader.stories.tsx
index 6eb31b1d..930ba8dc 100644
--- a/src/stories/Base/TopHeader.stories.tsx
+++ b/src/stories/base/TopHeader.stories.tsx
@@ -1,6 +1,6 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { IconHamburger } from '@public/icons';
-import TopHeader from '@/ui/Base/TopHeader';
+import TopHeader from '@/v1/base/TopHeader';
 
 const meta: Meta<typeof TopHeader> = {
   title: 'Base/TopHeader',
diff --git a/src/stories/Base/TopNavigation.stories.tsx b/src/stories/base/TopNavigation.stories.tsx
similarity index 98%
rename from src/stories/Base/TopNavigation.stories.tsx
rename to src/stories/base/TopNavigation.stories.tsx
index 5dc96224..2294d470 100644
--- a/src/stories/Base/TopNavigation.stories.tsx
+++ b/src/stories/base/TopNavigation.stories.tsx
@@ -1,5 +1,5 @@
 import { Meta, StoryObj } from '@storybook/react';
-import TopNavigation from '@/ui/Base/TopNavigation';
+import TopNavigation from '@/v1/base/TopNavigation';
 import {
   IconPost,
   IconShare,
diff --git a/src/ui/Base/Avatar.tsx b/src/v1/base/Avatar.tsx
similarity index 100%
rename from src/ui/Base/Avatar.tsx
rename to src/v1/base/Avatar.tsx
diff --git a/src/ui/Base/Badge.tsx b/src/v1/base/Badge.tsx
similarity index 100%
rename from src/ui/Base/Badge.tsx
rename to src/v1/base/Badge.tsx
diff --git a/src/ui/Base/BottomActionButton.tsx b/src/v1/base/BottomActionButton.tsx
similarity index 100%
rename from src/ui/Base/BottomActionButton.tsx
rename to src/v1/base/BottomActionButton.tsx
diff --git a/src/ui/Base/BottomNavigation.tsx b/src/v1/base/BottomNavigation.tsx
similarity index 100%
rename from src/ui/Base/BottomNavigation.tsx
rename to src/v1/base/BottomNavigation.tsx
diff --git a/src/ui/Base/BottomSheet.tsx b/src/v1/base/BottomSheet.tsx
similarity index 100%
rename from src/ui/Base/BottomSheet.tsx
rename to src/v1/base/BottomSheet.tsx
diff --git a/src/ui/Base/Button.tsx b/src/v1/base/Button.tsx
similarity index 100%
rename from src/ui/Base/Button.tsx
rename to src/v1/base/Button.tsx
diff --git a/src/ui/Base/ErrorMessage.tsx b/src/v1/base/ErrorMessage.tsx
similarity index 100%
rename from src/ui/Base/ErrorMessage.tsx
rename to src/v1/base/ErrorMessage.tsx
diff --git a/src/ui/Base/FloatingButton.tsx b/src/v1/base/FloatingButton.tsx
similarity index 100%
rename from src/ui/Base/FloatingButton.tsx
rename to src/v1/base/FloatingButton.tsx
diff --git a/src/ui/Base/Input.tsx b/src/v1/base/Input.tsx
similarity index 100%
rename from src/ui/Base/Input.tsx
rename to src/v1/base/Input.tsx
diff --git a/src/ui/Base/InputLength.tsx b/src/v1/base/InputLength.tsx
similarity index 100%
rename from src/ui/Base/InputLength.tsx
rename to src/v1/base/InputLength.tsx
diff --git a/src/ui/Base/Loading.tsx b/src/v1/base/Loading.tsx
similarity index 100%
rename from src/ui/Base/Loading.tsx
rename to src/v1/base/Loading.tsx
diff --git a/src/ui/Base/Modal.tsx b/src/v1/base/Modal.tsx
similarity index 100%
rename from src/ui/Base/Modal.tsx
rename to src/v1/base/Modal.tsx
diff --git a/src/ui/Base/Portal.tsx b/src/v1/base/Portal.tsx
similarity index 100%
rename from src/ui/Base/Portal.tsx
rename to src/v1/base/Portal.tsx
diff --git a/src/ui/Base/RadioButton.tsx b/src/v1/base/RadioButton.tsx
similarity index 100%
rename from src/ui/Base/RadioButton.tsx
rename to src/v1/base/RadioButton.tsx
diff --git a/src/ui/Base/Select.tsx b/src/v1/base/Select.tsx
similarity index 100%
rename from src/ui/Base/Select.tsx
rename to src/v1/base/Select.tsx
diff --git a/src/ui/Base/Switch.tsx b/src/v1/base/Switch.tsx
similarity index 100%
rename from src/ui/Base/Switch.tsx
rename to src/v1/base/Switch.tsx
diff --git a/src/ui/Base/Toast/ToastItem.tsx b/src/v1/base/Toast/ToastItem.tsx
similarity index 100%
rename from src/ui/Base/Toast/ToastItem.tsx
rename to src/v1/base/Toast/ToastItem.tsx
diff --git a/src/ui/Base/Toast/ToastProvider.tsx b/src/v1/base/Toast/ToastProvider.tsx
similarity index 97%
rename from src/ui/Base/Toast/ToastProvider.tsx
rename to src/v1/base/Toast/ToastProvider.tsx
index b1df9e16..4e5eea85 100644
--- a/src/ui/Base/Toast/ToastProvider.tsx
+++ b/src/v1/base/Toast/ToastProvider.tsx
@@ -1,6 +1,6 @@
 import { createContext, ReactNode, useMemo, useState } from 'react';
 
-import Portal from '@/ui/Base/Portal';
+import Portal from '@/v1/base/Portal';
 
 import ToastItem from './ToastItem';
 import type { ToastController, ToastOption } from './types';
diff --git a/src/ui/Base/Toast/types.ts b/src/v1/base/Toast/types.ts
similarity index 100%
rename from src/ui/Base/Toast/types.ts
rename to src/v1/base/Toast/types.ts
diff --git a/src/ui/Base/Toast/useToast.ts b/src/v1/base/Toast/useToast.ts
similarity index 100%
rename from src/ui/Base/Toast/useToast.ts
rename to src/v1/base/Toast/useToast.ts
diff --git a/src/ui/Base/TopHeader.tsx b/src/v1/base/TopHeader.tsx
similarity index 100%
rename from src/ui/Base/TopHeader.tsx
rename to src/v1/base/TopHeader.tsx
diff --git a/src/ui/Base/TopNavigation.tsx b/src/v1/base/TopNavigation.tsx
similarity index 100%
rename from src/ui/Base/TopNavigation.tsx
rename to src/v1/base/TopNavigation.tsx
diff --git a/src/v1/bookGroup/BookGroupNavigation.tsx b/src/v1/bookGroup/BookGroupNavigation.tsx
index 57a24670..b904e995 100644
--- a/src/v1/bookGroup/BookGroupNavigation.tsx
+++ b/src/v1/bookGroup/BookGroupNavigation.tsx
@@ -8,7 +8,7 @@ import {
 import { useRouter } from 'next/navigation';
 
 import SSRSafeSuspense from '@/components/SSRSafeSuspense';
-import TopNavigation from '@/ui/Base/TopNavigation';
+import TopNavigation from '@/v1/base/TopNavigation';
 import { IconArrowLeft, IconHamburger, IconPost } from '@public/icons';
 import {
   useBookGroupOwner,
diff --git a/src/v1/bookGroup/BookGroupStatus.tsx b/src/v1/bookGroup/BookGroupStatus.tsx
index 336e07c6..f8159eef 100644
--- a/src/v1/bookGroup/BookGroupStatus.tsx
+++ b/src/v1/bookGroup/BookGroupStatus.tsx
@@ -1,6 +1,6 @@
 import { DdayStatus } from '@/types/dday';
 
-import Badge from '@/ui/Base/Badge';
+import Badge from '@/v1/base/Badge';
 import { getDdayCount } from '@/utils/date';
 
 const getDdayStatus = (ddayByStart: number, ddayByEnd: number) => {
diff --git a/src/v1/bookGroup/DetailBookGroupCard.tsx b/src/v1/bookGroup/DetailBookGroupCard.tsx
index 84af4de6..e7559017 100644
--- a/src/v1/bookGroup/DetailBookGroupCard.tsx
+++ b/src/v1/bookGroup/DetailBookGroupCard.tsx
@@ -1,5 +1,5 @@
-import Badge from '@/ui/Base/Badge';
-import Avatar from '@/ui/Base/Avatar';
+import Badge from '@/v1/base/Badge';
+import Avatar from '@/v1/base/Avatar';
 import { IconCalendar, IconMembers, IconComments } from '@public/icons';
 import BookCover from '@/v1/book/BookCover';
 import Link from 'next/link';
diff --git a/src/v1/bookGroup/detail/BookGroupInfo.tsx b/src/v1/bookGroup/detail/BookGroupInfo.tsx
index 2bb64c5a..d81607aa 100644
--- a/src/v1/bookGroup/detail/BookGroupInfo.tsx
+++ b/src/v1/bookGroup/detail/BookGroupInfo.tsx
@@ -1,8 +1,8 @@
 import Link from 'next/link';
 
 import { IconArrowLeft, IconCalendar, IconMembers } from '@public/icons';
-import Badge from '@/ui/Base/Badge';
-import Avatar from '@/ui/Base/Avatar';
+import Badge from '@/v1/base/Badge';
+import Avatar from '@/v1/base/Avatar';
 import BookCover from '@/v1/book/BookCover';
 import BookGroupStatus from '@/v1/bookGroup/BookGroupStatus';
 
diff --git a/src/v1/bookGroup/detail/CommentList.tsx b/src/v1/bookGroup/detail/CommentList.tsx
index 5a690205..9c3eafc9 100644
--- a/src/v1/bookGroup/detail/CommentList.tsx
+++ b/src/v1/bookGroup/detail/CommentList.tsx
@@ -1,5 +1,5 @@
 import { IconHamburger } from '@public/icons';
-import Avatar from '@/ui/Base/Avatar';
+import Avatar from '@/v1/base/Avatar';
 import { useBookGroupComments } from '@/queries/group/useBookGroupCommentsQuery';
 import { useMyProfileId } from '@/queries/user/useMyProfileQuery';
 import { isAuthed } from '@/utils/helpers';
diff --git a/src/v1/bookGroup/detail/JoinBookGroupButton.tsx b/src/v1/bookGroup/detail/JoinBookGroupButton.tsx
index 32e63301..13a70a4b 100644
--- a/src/v1/bookGroup/detail/JoinBookGroupButton.tsx
+++ b/src/v1/bookGroup/detail/JoinBookGroupButton.tsx
@@ -5,8 +5,8 @@ import { isAxiosErrorWithCustomCode } from '@/utils/helpers';
 
 import { useBookGroupJoinInfo } from '@/queries/group/useBookGroupQuery';
 import groupAPI from '@/apis/group';
-import useToast from '@/ui/Base/Toast/useToast';
-import BottomActionButton from '@/ui/Base/BottomActionButton';
+import useToast from '@/v1/base/Toast/useToast';
+import BottomActionButton from '@/v1/base/BottomActionButton';
 
 const JoinBookGroupButton = ({ groupId }: { groupId: number }) => {
   const _router = useRouter();
diff --git a/src/v1/bookGroup/detail/ShortMemberInfo.tsx b/src/v1/bookGroup/detail/ShortMemberInfo.tsx
index a8226a40..ee331ac2 100644
--- a/src/v1/bookGroup/detail/ShortMemberInfo.tsx
+++ b/src/v1/bookGroup/detail/ShortMemberInfo.tsx
@@ -1,5 +1,5 @@
 import { IconArrowLeft } from '@public/icons';
-import Button from '@/ui/Base/Button';
+import Button from '@/v1/base/Button';
 import MemberItem from './MemberItem';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
diff --git a/src/v1/bookShelf/BookShelf.tsx b/src/v1/bookShelf/BookShelf.tsx
index 75fc6c7f..f977fe50 100644
--- a/src/v1/bookShelf/BookShelf.tsx
+++ b/src/v1/bookShelf/BookShelf.tsx
@@ -1,7 +1,7 @@
 import { APIBookshelf } from '@/types/bookshelf';
 import { IconArrowRight, IconHeart } from '@public/icons';
 import Link from 'next/link';
-import Badge from '@/ui/Base/Badge';
+import Badge from '@/v1/base/Badge';
 import Image from 'next/image';
 import { APIBook } from '@/types/book';
 import { ReactNode, useState } from 'react';
diff --git a/src/v1/layout/Layout.tsx b/src/v1/layout/Layout.tsx
index 55143c46..be16dd00 100644
--- a/src/v1/layout/Layout.tsx
+++ b/src/v1/layout/Layout.tsx
@@ -2,7 +2,7 @@
 
 import { usePathname } from 'next/navigation';
 
-import BottomNavigation from '@/ui/Base/BottomNavigation';
+import BottomNavigation from '@/v1/base/BottomNavigation';
 
 /**
  * @todo
diff --git a/src/v1/profile/AddJobProfile.tsx b/src/v1/profile/AddJobProfile.tsx
index f72eb1e1..7229cc9f 100644
--- a/src/v1/profile/AddJobProfile.tsx
+++ b/src/v1/profile/AddJobProfile.tsx
@@ -8,12 +8,12 @@ import type { APIJobGroup } from '@/types/job';
 import { isAxiosError } from 'axios';
 import useMyProfileMutation from '@/queries/user/useMyProfileMutation';
 
-import TopNavigation from '@/ui/Base/TopNavigation';
-import Input from '@/ui/Base/Input';
-import InputLength from '@/ui/Base/InputLength';
-import Select from '@/ui/Base/Select';
-import ErrorMessage from '@/ui/Base/ErrorMessage';
-import useToast from '@/ui/Base/Toast/useToast';
+import TopNavigation from '@/v1/base/TopNavigation';
+import Input from '@/v1/base/Input';
+import InputLength from '@/v1/base/InputLength';
+import Select from '@/v1/base/Select';
+import ErrorMessage from '@/v1/base/ErrorMessage';
+import useToast from '@/v1/base/Toast/useToast';
 
 type AddJobProfileProps = {
   jobCategories: APIJobGroup[];
diff --git a/src/v1/profile/EditProfile.tsx b/src/v1/profile/EditProfile.tsx
index bd9d16c0..187fad05 100644
--- a/src/v1/profile/EditProfile.tsx
+++ b/src/v1/profile/EditProfile.tsx
@@ -12,12 +12,12 @@ import useMyProfileMutation from '@/queries/user/useMyProfileMutation';
 
 import { IconClose } from '@public/icons';
 
-import TopNavigation from '@/ui/Base/TopNavigation';
-import Input from '@/ui/Base/Input';
-import InputLength from '@/ui/Base/InputLength';
-import Select from '@/ui/Base/Select';
-import ErrorMessage from '@/ui/Base/ErrorMessage';
-import useToast from '@/ui/Base/Toast/useToast';
+import TopNavigation from '@/v1/base/TopNavigation';
+import Input from '@/v1/base/Input';
+import InputLength from '@/v1/base/InputLength';
+import Select from '@/v1/base/Select';
+import ErrorMessage from '@/v1/base/ErrorMessage';
+import useToast from '@/v1/base/Toast/useToast';
 
 type UserProfileProps = {
   profile: Pick<APIUser, 'nickname' | 'job'>;