diff --git a/src/views/BlogPage/BlogPage.tsx b/src/views/BlogPage/BlogPage.tsx
index 5c3da795..285c20bf 100644
--- a/src/views/BlogPage/BlogPage.tsx
+++ b/src/views/BlogPage/BlogPage.tsx
@@ -1,10 +1,10 @@
 import PageLayout from '@src/components/common/PageLayout';
-import Navigation from './components/navigation';
+import BlogTab from './components/blogTab';
 
 export default function BlogPage() {
   return (
     <PageLayout>
-      <Navigation />
+      <BlogTab />
     </PageLayout>
   );
 }
diff --git a/src/views/BlogPage/components/navigation/index.tsx b/src/views/BlogPage/components/blogTab/index.tsx
similarity index 96%
rename from src/views/BlogPage/components/navigation/index.tsx
rename to src/views/BlogPage/components/blogTab/index.tsx
index eeade166..17c072bb 100644
--- a/src/views/BlogPage/components/navigation/index.tsx
+++ b/src/views/BlogPage/components/blogTab/index.tsx
@@ -2,7 +2,7 @@ import { useState } from 'react';
 import * as S from './style';
 import { BlogTabList } from './types';
 
-export default function Navigation() {
+export default function BlogTab() {
   const [selectTab, setSelectTab] = useState<keyof BlogTabList>('REVIEW');
   const blogTabList: BlogTabList = {
     REVIEW: {
diff --git a/src/views/BlogPage/components/navigation/style.ts b/src/views/BlogPage/components/blogTab/style.ts
similarity index 100%
rename from src/views/BlogPage/components/navigation/style.ts
rename to src/views/BlogPage/components/blogTab/style.ts
diff --git a/src/views/BlogPage/components/navigation/types.ts b/src/views/BlogPage/components/blogTab/types.ts
similarity index 100%
rename from src/views/BlogPage/components/navigation/types.ts
rename to src/views/BlogPage/components/blogTab/types.ts