feat: 페이지 권한 처리 작업

apps/common/features/src/entities/menu-authority/api/menu-authority-service.ts

@@ -5,6 +5,7 @@ import type {
   MenuAuthorityParams,
   MenuAuthorityPayload,
   MenuAuthorityService,
+  PageMenuAuthority,
 } from "../model/menu-authority-interface";
 
 export class MenuAuthorityApiService implements MenuAuthorityService {
@@ -18,6 +19,15 @@ export class MenuAuthorityApiService implements MenuAuthorityService {
     return response.data;
   }
 
+  public async getPageMenuAuthority(
+    menuCd: number,
+  ): Promise<PageMenuAuthority[]> {
+    const response = await client.get<PageMenuAuthority[]>(
+      `${ENDPOINT.CMS_SERVICE.MENU_AUTHRTS}/pageinfo/${menuCd}`,
+    );
+    return response.data;
+  }
+
   public async saveMenuAuthority(data: MenuAuthorityPayload[]): Promise<void> {
     const response = await client.post<void>(
       `${ENDPOINT.CMS_SERVICE.MENU_AUTHRTS}`,

apps/common/features/src/entities/menu-authority/index.ts

@@ -1 +1,3 @@
+export { MenuAuthorityApi } from "./api/menu-authority-service";
+export { type PageMenuAuthority } from "./model/menu-authority-interface";
 export { ManagementAuthorityDialog } from "./ui/management-authority-dialog";

apps/common/features/src/entities/menu-authority/model/menu-authority-interface.ts

@@ -7,6 +7,14 @@ export interface MenuAuthorityParams extends PageableParams {
   useYn?: string;
 }
 
+export interface PageMenuAuthority {
+  mngAuthrtYn: string;
+  inqAuthrtYn: string;
+  regAuthrtYn: string;
+  mdfcnAuthrtYn: string;
+  delAuthrtYn: string;
+}
+
 export const menuAuthoritySchema = z.object({
   groupId: z.string(),
   groupNm: z.string(),
@@ -35,5 +43,6 @@ export type MenuAuthorityFormData = z.infer<typeof menuAuthorityFormSchema>;
 
 export interface MenuAuthorityService {
   getMenuAuthorityList(params: MenuAuthorityParams): Promise<MenuAuthorityList>;
+  getPageMenuAuthority(menuCd: number): Promise<PageMenuAuthority[]>;
   saveMenuAuthority(data: MenuAuthorityPayload[]): Promise<void>;
 }

apps/common/features/src/entities/menu/lib/menu-wrapper.tsx

@@ -1,28 +1,58 @@
 "use client";
 
 import { useEffect } from "react";
-import { usePathname } from "next/navigation";
+import { usePathname, useRouter } from "next/navigation";
+import { MenuAuthorityApi } from "@/entities/menu-authority";
 import { SITE_ID } from "@/shared/config";
-import { useMenuStore } from "@/shared/lib";
+import { getCookie, useAlertStore, useMenuStore } from "@/shared/lib";
 import { MenuApi } from "../api/menu-service";
 import { getCurrentMenu } from "./utils";
 
 const MenuWrapper = ({ children }: { children: React.ReactNode }) => {
+  const router = useRouter();
   const pathname = usePathname();
-  const { setCurrentMenuInfo } = useMenuStore((state) => state);
+
+  const { setMessage: alert } = useAlertStore((state) => state);
+  const { pageMenuAuthority, setCurrentMenuInfo, setPageMenuAuthority } =
+    useMenuStore((state) => state);
+
+  const getCurrentMenuInfo = async () => {
+    const menuRoles = await MenuApi.getMenuRoles(SITE_ID);
+    if (!menuRoles) return;
+    return getCurrentMenu(menuRoles, pathname ?? "");
+  };
+
+  const getPageMenuAuthority = async () => {
+    const menuCd = getCookie("menu-code-key");
+    if (!menuCd) return;
+    const pageMenuAuthority = await MenuAuthorityApi.getPageMenuAuthority(
+      parseInt(menuCd),
+    );
+    return pageMenuAuthority;
+  };
+
+  const checkInquiryAuthority = () => {
+    return pageMenuAuthority?.inqAuthrtYn === "Y";
+  };
 
   useEffect(() => {
     (async () => {
-      const menuRoles = await MenuApi.getMenuRoles(SITE_ID);
-      if (!menuRoles) return;
+      const currentMenu = await getCurrentMenuInfo();
+      if (currentMenu) setCurrentMenuInfo(currentMenu);
 
-      const currentMenu = getCurrentMenu(menuRoles, pathname ?? "");
-      if (!currentMenu) return;
-
-      setCurrentMenuInfo(currentMenu);
+      const pageMenuAuthority = await getPageMenuAuthority();
+      if (pageMenuAuthority?.length)
+        setPageMenuAuthority(pageMenuAuthority[0]!);
     })();
   }, []);
 
+  useEffect(() => {
+    if (!pageMenuAuthority) return;
+    const inquiryAuthority = checkInquiryAuthority();
+    if (!inquiryAuthority)
+      alert("페이지에 대한 조회 권한이 없습니다.", () => router.push("/"));
+  }, [pageMenuAuthority]);
+
   return <>{children}</>;
 };
 

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

@@ -22,12 +22,15 @@ import {
 } from "@common/components";
 import { PostApi, type Post, type PostParams } from "@/entities/post";
 import { ENDPOINT } from "@/shared/config";
+import { useMenuStore } from "@/shared/lib";
 import { columns } from "../model/notice-table-columns";
 import { NoticeLayout } from "./notice-layout";
 
 function NoticePage({ bbsId }: { bbsId: string }) {
   const router = useRouter();
   const pathname = usePathname();
+  const { pageMenuAuthority } = useMenuStore((state) => state);
+
   const [rowSelection, setRowSelection] = useState<RowSelectionState>({});
   const [postParams, setPostParams] = useState<PostParams>({
     keywordType: "title",
@@ -82,7 +85,7 @@ function NoticePage({ bbsId }: { bbsId: string }) {
       <div className="card card-border !mt-6">
         <div className="card card-border">
           <form onSubmit={handleSubmit} className="flex items-center gap-2 p-2">
-            <Label className="text-label">검색</Label>
+            <Label className="mr-2 text-label">검색</Label>
             <Select
               value={postParams.keywordType}
               onValueChange={(keywordType) => {
@@ -115,9 +118,11 @@ function NoticePage({ bbsId }: { bbsId: string }) {
             <div className="flex w-full items-center justify-between">
               <h3 className="text-2xl font-medium text-label">공지사항 목록</h3>
               <div className="flex gap-2">
-                <Button onClick={() => router.push(`${pathname}/register`)}>
-                  등록
-                </Button>
+                {pageMenuAuthority?.regAuthrtYn === "Y" && (
+                  <Button onClick={() => router.push(`${pathname}/register`)}>
+                    등록
+                  </Button>
+                )}
                 <Select
                   value={table.getState().pagination.pageSize.toString()}
                   onValueChange={(value) => {

apps/common/features/src/shared/store/menu-store.ts

@@ -1,23 +1,29 @@
 import { createStore } from "zustand/vanilla";
 import type { MenuItem } from "@/entities/menu";
+import type { PageMenuAuthority } from "@/entities/menu-authority";
 
 export type MenuState = {
   currentMenuInfo: MenuItem | null;
+  pageMenuAuthority: PageMenuAuthority | null;
 };
 
 export type MenuActions = {
   setCurrentMenuInfo: (menu: MenuItem) => void;
+  setPageMenuAuthority: (authority: PageMenuAuthority) => void;
 };
 
 export type MenuStore = MenuState & MenuActions;
 
 export const defaultInitState: MenuState = {
   currentMenuInfo: null,
+  pageMenuAuthority: null,
 };
 
 export const createMenuStore = (initState: MenuState = defaultInitState) => {
   return createStore<MenuStore>()((set) => ({
     ...initState,
     setCurrentMenuInfo: (menu: MenuItem) => set({ currentMenuInfo: menu }),
+    setPageMenuAuthority: (authority: PageMenuAuthority) =>
+      set({ pageMenuAuthority: authority }),
   }));
 };