feat: 게시판 상세 및 삭제 기능 작업

apps/common/features/src/pages/notice/index.ts

@@ -1 +1,2 @@
 export { NoticePage } from "./ui/notice-page";
+export { NoticePost } from "./ui/notice-post";

apps/common/features/src/pages/notice/ui/notice-layout.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import type { Board } from "@/entities/board";
+import { PageLayout } from "@/shared/ui/page-layout";
+import { useLocalStorage } from "@frontend-opensource/use-react-hooks";
+
+function NoticeLayout({ children }: { children: React.ReactNode }) {
+  const [bbsInfo, setBbsInfo] = useState<Board | null>(null);
+  const [storedBbsInfo] = useLocalStorage("bbs-info", "");
+
+  useEffect(() => {
+    if (storedBbsInfo) setBbsInfo(JSON.parse(storedBbsInfo));
+  }, [storedBbsInfo]);
+
+  return (
+    <PageLayout
+      title={bbsInfo?.bbsNm ?? ""}
+      menuPaths={["서비스관리", "게시판관리"]}
+    >
+      {children}
+    </PageLayout>
+  );
+}
+
+export { NoticeLayout };

apps/common/features/src/pages/notice/ui/notice-page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { useEffect, useState } from "react";
-import { useRouter } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
 import { useQuery } from "@tanstack/react-query";
 import {
   getCoreRowModel,
@@ -9,7 +9,6 @@ import {
   type PaginationState,
   type RowSelectionState,
 } from "@tanstack/react-table";
-import { useLocalStorage } from "@frontend-opensource/use-react-hooks";
 import {
   Button,
   DataTable,
@@ -21,16 +20,14 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@common/components/ui";
-import type { Board } from "@/entities/board";
 import { PostApi, type Post, type PostParams } from "@/entities/post";
 import { ENDPOINT } from "@/shared/config";
-import { PageLayout } from "@/shared/ui/page-layout";
 import { columns } from "../model/notice-table-columns";
+import { NoticeLayout } from "./notice-layout";
 
 function NoticePage({ bbsId }: { bbsId: string }) {
   const router = useRouter();
-  const [storedBbsInfo] = useLocalStorage("bbs-info", "");
-  const [bbsInfo, setBbsInfo] = useState<Board | null>(null);
+  const pathname = usePathname();
   const [rowSelection, setRowSelection] = useState<RowSelectionState>({});
   const [postParams, setPostParams] = useState<PostParams>({
     keywordType: "title",
@@ -75,22 +72,15 @@ function NoticePage({ bbsId }: { bbsId: string }) {
   };
 
   const handleRowClick = (row: Post) => {
-    router.push(`/bbs/register/${row.bbsId}`);
+    router.push(`${pathname}/${row.pstNo}`);
   };
 
   useEffect(() => {
     refetch();
   }, [pagination]);
 
-  useEffect(() => {
-    if (storedBbsInfo) setBbsInfo(JSON.parse(storedBbsInfo));
-  }, [storedBbsInfo]);
-
   return (
-    <PageLayout
-      title={bbsInfo?.bbsNm ?? ""}
-      menuPaths={["서비스관리", "게시판관리"]}
-    >
+    <NoticeLayout>
       <div className="card card-border !mt-6">
         <div className="card card-border">
           <form onSubmit={handleSubmit} className="flex items-center gap-2 p-2">
@@ -175,7 +165,7 @@ function NoticePage({ bbsId }: { bbsId: string }) {
           </div>
         </div>
       </div>
-    </PageLayout>
+    </NoticeLayout>
   );
 }
 

apps/common/features/src/pages/notice/ui/notice-post.tsx

@@ -0,0 +1,14 @@
+"use client";
+
+import { Post } from "@/widgets/post";
+import { NoticeLayout } from "./notice-layout";
+
+function NoticePost({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
+  return (
+    <NoticeLayout>
+      <Post bbsId={bbsId} pstNo={pstNo} />
+    </NoticeLayout>
+  );
+}
+
+export { NoticePost };