diff --git a/frontend/src/App.js b/frontend/src/App.js
index f9a9e38..a7d1527 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -4,6 +4,7 @@ import LoginPage from './pages/login/LoginPage';
import OnboardingPage from './pages/OnboardingPage';
import QnAMainPage from './pages/qna/QnAMainPage';
import QnAListPage from './pages/qna/QnAListPage';
+import QnADetailePage from './pages/qna/QnADetailePage';
import CurriculumPage from './pages/curriculum/CurriculumPage';
function App() {
@@ -20,6 +21,7 @@ function App() {
}>
} />
} />
+ } />
} />
diff --git a/frontend/src/components/qna_svg.js b/frontend/src/components/qna_svg.js
new file mode 100644
index 0000000..cc6fe51
--- /dev/null
+++ b/frontend/src/components/qna_svg.js
@@ -0,0 +1,56 @@
+export const CommentImoji = () => ();
+
+export const MeCuriousToo = () => ();
+
+export const StaffCheck = () => ();
+
+export const SortBtn = () => ();
+
+export const OBtn = () => ();
+
+export const XBtn = () => (
+
+);
+
+export const CommentCommentArraw = () => ();
+
+export const SumitBtn = () => ();
\ No newline at end of file
diff --git a/frontend/src/pages/qna/QnADetailePage.js b/frontend/src/pages/qna/QnADetailePage.js
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/pages/qna/QnADetailePage.module.css b/frontend/src/pages/qna/QnADetailePage.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/frontend/src/pages/qna/QnAListPage.js b/frontend/src/pages/qna/QnAListPage.js
index 6aa0b19..83e66ca 100644
--- a/frontend/src/pages/qna/QnAListPage.js
+++ b/frontend/src/pages/qna/QnAListPage.js
@@ -1,64 +1,16 @@
import { useState } from 'react';
import styles from './QnAListPage.module.css';
import { FiChevronLeft, FiChevronRight } from 'react-icons/fi';
-
-
-const CommentImoji = () => ();
-
-const MeCuriousToo = () => ();
-
-const StaffCheck = () => ();
-
-const SortBtn = () => ();
-
-const OBtn = () => ();
-
-const XBtn = () => (
-
-);
-
-const CommentCommentArraw = () => ();
-
-const SumitBtn = () => ();
+import {
+ CommentImoji,
+ MeCuriousToo,
+ StaffCheck,
+ SortBtn,
+ OBtn,
+ XBtn,
+ CommentCommentArraw,
+ SumitBtn,
+} from '../../components/qna_svg';
const UNDERSTAND = ['이해했다', '성공했다'];