deleteBoard

backend/routes/users.js

@@ -548,4 +548,35 @@ router.post("/postReply", async function (req, res) {
   }
 });
 
+router.get("/myboard", async function (req, res) {
+  console.log("/myboard get 호출");
+
+  try {
+    let myBoards = await BoardModel.find({ writer: req.session.user.id });
+    console.log(myBoards);
+
+    res.send(myBoards);
+  } catch (err) {
+    console.log(err);
+  }
+});
+
+router.post("/deleteBoard", async function (req, res) {
+  console.log("/deleteBoard post 호출" + req.body.boardId);
+
+  try {
+    let deleted = await BoardModel.remove({ _id: req.body.boardId });
+    console.log(deleted);
+
+    let myboards = await BoardModel.find({ writer: req.session.user.id });
+    console.log(myboards);
+
+    res.send(myboards);
+
+    //res.redirect("http://localhost:3000/myPage");
+  } catch (err) {
+    console.log(err);
+  }
+});
+
 module.exports = router;

frontend/src/App.js

@@ -8,6 +8,7 @@ import Board from "./components/Board";
 import WriteBoard from "./components/WriteBoard";
 import DetailBoard from "./components/DetailBoard";
 import WriteProfile from "./components/WriteProfile";
+import MyPage from "./components/MyPage";
 
 //class App extends Component {
 // state = {
@@ -44,6 +45,7 @@ const App = () => {
         <Route path="/board" component={Board} />
         <Route path="/writeBoard" component={WriteBoard} exact={true} />
         <Route path="/detailBoard/:board_id" component={DetailBoard} />
+        <Route path="/myPage" component={MyPage} />
         <Route
           render={({ location }) => (
             <div>

frontend/src/components/Board.js

@@ -110,6 +110,9 @@ const Board = () => {
         게시글검색
       </button>
       {/* </form> */}
+      <button>
+        <Link to="/myPage">마이페이지</Link>
+      </button>
 
       <ol>
         {response.map((res) => (

frontend/src/components/MyPage.js

+import React, { useEffect, useState } from "react";
+import axios from "axios";
+import { Link } from "react-router-dom";
+
+const MyPage = () => {
+  const [Myboards, setMyboards] = useState([]);
+
+  useEffect(async () => {
+    async function fetchData() {
+      console.log("react myboards get axios 호출");
+      const result = await axios.get("http://localhost:3001/myboard");
+      console.log(result.data);
+      setMyboards(result.data);
+    }
+    fetchData();
+  }, []);
+
+  const handleDeleteBoard = async (boardId) => {
+    const result = await axios.post("http://localhost:3001/deleteBoard", {
+      boardId: boardId,
+    });
+    setMyboards(result.data);
+  };
+
+  return (
+    <div>
+      <Link to="/board">홈으로</Link>
+      <h1>작성한 게시글 목록</h1>
+      {Myboards.map((myboard) => (
+        <div key={myboard._id}>
+          <Link to={`/detailBoard/${myboard._id}`}>
+            {myboard.title} {myboard.created_at}
+          </Link>
+          <button onClick={() => handleDeleteBoard(myboard._id)}>삭제</button>
+        </div>
+      ))}
+    </div>
+  );
+};
+
+export default MyPage;