refactor: setBbsInfo 로직 리팩토링

apps/cs/src/entities/menu/lib/menu-wrapper.tsx

@@ -2,7 +2,6 @@
 
 import { useEffect } from "react";
 import { usePathname, useRouter } from "next/navigation";
-import { useLocalStorage } from "@frontend-opensource/use-react-hooks";
 import { MenuAuthorityApi } from "@/entities/menu-authority/@x/menu";
 import { getCookie, useAlertStore, useMenuStore } from "@/shared/lib";
 import { SITE_ID } from "@/shared/config";
@@ -14,14 +13,8 @@ const MenuWrapper = ({ children }: { children: React.ReactNode }) => {
   const pathname = usePathname();
 
   const { setMessage: alert } = useAlertStore((state) => state);
-  const {
-    pageMenuAuthority,
-    setBbsInfo,
-    setCurrentMenuInfo,
-    setPageMenuAuthority,
-  } = useMenuStore((state) => state);
-
-  const [storedBbsInfo] = useLocalStorage("bbs-info", "");
+  const { pageMenuAuthority, setCurrentMenuInfo, setPageMenuAuthority } =
+    useMenuStore((state) => state);
 
   const getCurrentMenuInfo = async () => {
     const menuRoles = await MenuApi.getMenuRoles(SITE_ID);
@@ -60,11 +53,6 @@ const MenuWrapper = ({ children }: { children: React.ReactNode }) => {
       alert("페이지에 대한 조회 권한이 없습니다.", () => router.push("/"));
   }, [pageMenuAuthority]);
 
-  useEffect(() => {
-    if (!storedBbsInfo) return;
-    setBbsInfo(JSON.parse(storedBbsInfo));
-  }, [storedBbsInfo]);
-
   return <>{children}</>;
 };
 

apps/cs/src/widgets/post/ui/post-page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { usePathname, useRouter } from "next/navigation";
 import { useQuery } from "@tanstack/react-query";
 import {
@@ -21,6 +21,7 @@ import {
   SelectValue,
   Skeleton,
 } from "@common/components";
+import { BoardApi } from "@/entities/board";
 import { PostApi, type Post, type PostParams } from "@/entities/post";
 import { ENDPOINT } from "@/shared/config";
 import { useMenuStore, usePrompt } from "@/shared/lib";
@@ -32,7 +33,9 @@ function PostPage({ bbsId }: { bbsId: string }) {
   const router = useRouter();
   const pathname = usePathname();
   const { prompt } = usePrompt();
-  const { bbsInfo, pageMenuAuthority } = useMenuStore((state) => state);
+  const { bbsInfo, pageMenuAuthority, setBbsInfo } = useMenuStore(
+    (state) => state,
+  );
   const thumbRefs = useRef<Map<number, string>>(new Map());
 
   const [postParams, setPostParams] = useState<PostParams>({
@@ -45,6 +48,11 @@ function PostPage({ bbsId }: { bbsId: string }) {
   });
   const [rowSelection, setRowSelection] = useState<RowSelectionState>({});
 
+  const { data: boardInfo } = useQuery({
+    queryKey: [ENDPOINT.BOARD_SERVICE.BBS, bbsId],
+    queryFn: () => BoardApi.getBoardInfo(bbsId),
+  });
+
   const { data: upndFixPostList } = useQuery({
     queryKey: [ENDPOINT.BOARD_SERVICE.POSTS, bbsId, bbsInfo],
     queryFn: () =>
@@ -124,6 +132,11 @@ function PostPage({ bbsId }: { bbsId: string }) {
     router.push(`${pathname}/${row.pstNo}`);
   };
 
+  useEffect(() => {
+    if (!boardInfo) return;
+    setBbsInfo(boardInfo);
+  }, [boardInfo]);
+
   return (
     <div className="card card-border !mt-6">
       <div className="card card-border">

apps/cs/src/widgets/post/ui/post.tsx

@@ -12,14 +12,20 @@ import { useAlertStore, useMenuStore } from "@/shared/lib";
 import { ENDPOINT } from "@/shared/config";
 import { PostAction } from "./post-action";
 import { PostComment } from "./post-comment";
+import { BoardApi } from "@/entities/board";
 
 function Post({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
   const router = useRouter();
   const { setMessage: alert } = useAlertStore((state) => state);
-  const { bbsInfo } = useMenuStore((state) => state);
+  const { bbsInfo, setBbsInfo } = useMenuStore((state) => state);
 
   const [filename, setFilename] = useState("");
 
+  const { data: boardInfo } = useQuery({
+    queryKey: [ENDPOINT.BOARD_SERVICE.BBS, bbsId],
+    queryFn: () => BoardApi.getBoardInfo(bbsId),
+  });
+
   const { data: postData } = useQuery({
     queryKey: [ENDPOINT.BOARD_SERVICE.POSTS, bbsId, pstNo],
     queryFn: () => PostApi.getPostInfo(parseInt(bbsId), parseInt(pstNo)),
@@ -105,6 +111,11 @@ function Post({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
     }
   }, [downloadResponse]);
 
+  useEffect(() => {
+    if (!boardInfo) return;
+    setBbsInfo(boardInfo);
+  }, [boardInfo]);
+
   return (
     <>
       <PostAction bbsId={bbsId} pstNo={pstNo} handleDelete={deletePost}>
@@ -150,7 +161,7 @@ function Post({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
               <video src={videoUrl} controls className="object-contain" />
             </div>
           )}
-          <pre className="font-noto min-h-[40rem] whitespace-pre-wrap p-8 text-2xl tracking-tighter text-foreground">
+          <pre className="min-h-[40rem] whitespace-pre-wrap p-8 font-noto text-2xl tracking-tighter text-foreground">
             {postData?.pstCn ?? ""}
           </pre>
           {isFetching ? (