docs : board files restructured

src/App.jsx

@@ -5,22 +5,21 @@ import { Route, Routes, Link, useNavigate, Outlet, Router } from 'react-router-d
 // import Login from "./pages/login/Login";
 import Main from "./pages/login/Main";
 // import Home from "./pages/Home";
-import Create from "./pages/Create";
-import Detail from "./pages/Detail";
+import Create from "./pages/board/Create";
 import KakaoCallback from './pages/login/KakaoCallback'
 import HomePage from './pages/HomePage';
 import HealthList from "./pages/health/HealthList";
 import HealthQuestion from "./pages/health/HealthQuestion";
 import ChatPage from "./pages/ChatPage";
-import BoardPage from "./pages/BoardPage";
+import BoardPage from "./pages/board/BoardPage";
 import ProfilePage from './pages/ProfilePage'
 import JobPage from './pages/JobPage'
 import CulturePage from './pages/CulturePage'
-import BoardDetail from './pages/BoardDetail'
+import BoardDetail from './pages/board/BoardDetail'
 import ChatList from './pages/ChatListPage'
 import WorkQuestion from './pages/work/WorkQuestion'
 import WorkList from './pages/work/WorkList'
-import BoardEdit from "./pages/BoardEdit";
+import BoardEdit from "./pages/board/BoardEdit";
 import CultureQuestion from './pages/culture/CultureQuestion';
 import CultureList from './pages/culture/CultureList';
 
@@ -37,7 +36,7 @@ function App() {
                     {/* <Route path="/" element={<Home></Home>}></Route> */}
                     <Route path="/boardCreate" element={<Create />}></Route>
                     <Route path="/main" element={<Main />}></Route>
-                    <Route path='/boardDetail' element={<Detail />} />
+                    <Route path='/boardDetail' element={<BoardDetail />} />
                     <Route path="/HealthList" element={<HealthList/>}></Route>
                     <Route path="/HealthQuestion" element={<HealthQuestion/>}></Route>
                     <Route path='/chatlist' element={<ChatList/>}/>

src/pages/BoardComp.jsx → src/pages/board/BoardComp.jsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from 'react';
-import style from '../css/BoardComp.module.css';
+import style from '../../css/BoardComp.module.css';
 import { useNavigate } from 'react-router-dom';
 
 

src/pages/BoardDetail.jsx → src/pages/board/BoardDetail.jsx

@@ -1,9 +1,9 @@
 import axios from 'axios';
 import { useEffect, useState } from 'react';
 import { useParams, useNavigate } from 'react-router-dom';
-import HeaderComp from './HeaderComp';
-import Footer from './FooterComp';
-import style from "../css/BoardDetail.module.css"
+import HeaderComp from '../HeaderComp';
+import Footer from '../FooterComp';
+import style from "../../css/BoardDetail.module.css"
 import {BsSend, BsTrash3} from 'react-icons/bs';
 import {VscBookmark} from "react-icons/vsc";
 import { IoIosArrowBack } from "react-icons/io";