From 7d6f49987a1845e9ff0c2aef4eb51e7729fa12c5 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Tue, 15 Jul 2025 12:14:41 +0900
Subject: [PATCH] =?UTF-8?q?[apps/cs,=20common/features]=20chore:=20FAQ=20?=
 =?UTF-8?q?=ED=8E=98=EC=9D=B4=EC=A7=80=20PostPageGuard=EB=A1=9C=20?=
 =?UTF-8?q?=EB=9E=98=ED=95=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/pages/(post)/faq/ui/faq-page.tsx      | 270 +++++++++---------
 apps/cs/src/pages/(post)/faq/ui/faq-page.tsx  | 269 ++++++++---------
 2 files changed, 274 insertions(+), 265 deletions(-)

diff --git a/apps/common/features/src/pages/(post)/faq/ui/faq-page.tsx b/apps/common/features/src/pages/(post)/faq/ui/faq-page.tsx
index aa67a17c5..6255bb27a 100644
--- a/apps/common/features/src/pages/(post)/faq/ui/faq-page.tsx
+++ b/apps/common/features/src/pages/(post)/faq/ui/faq-page.tsx
@@ -20,7 +20,7 @@ import {
   Skeleton,
 } from "@common/components";
 import { AttachmentApi } from "@/entities/attachment";
-import { PostApi, type PostParams } from "@/entities/post";
+import { PostApi, PostPageGuard, type PostParams } from "@/entities/post";
 import { useAlertStore, useMenuStore, useUserStore } from "@/shared/lib";
 import { ENDPOINT } from "@/shared/config";
 import dayjs from "dayjs";
@@ -103,143 +103,147 @@ function FaqPage({ bbsId }: { bbsId: string }) {
   };
 
   return (
-    <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="mr-2 text-label">검색</Label>
-          <Select
-            value={postParams.keywordType}
-            onValueChange={(keywordType) => {
-              setPostParams({ ...postParams, keywordType });
-            }}
-          >
-            <SelectTrigger className="h-[3.2rem] w-[10rem]">
-              <SelectValue placeholder="선택" />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectItem value="title">제목</SelectItem>
-              <SelectItem value="all">제목+내용</SelectItem>
-              <SelectItem value="writer">작성자</SelectItem>
-            </SelectContent>
-          </Select>
-          <Input
-            value={postParams.keyword}
-            onChange={(e) =>
-              setPostParams({ ...postParams, keyword: e.target.value })
-            }
-            className="h-[3.2rem] w-[24rem] rounded-sm !text-[1.3rem]"
-          />
-          <Button className="h-[3.2rem]" type="submit">
-            조회
-          </Button>
-        </form>
-      </div>
-      <div className="card card-border">
-        <div className="card-header">
-          <div className="flex w-full items-center justify-between">
-            <h3 className="text-2xl font-medium text-label">콘텐츠 목록</h3>
-            <div className="flex gap-2">
-              {pageMenuAuthority?.regAuthrtYn === "Y" && (
-                <Button onClick={() => router.push(`${pathname}/register`)}>
-                  등록
-                </Button>
-              )}
-              {pageMenuAuthority?.delAuthrtYn === "Y" && (
-                <Button
-                  color="red"
-                  onClick={onSelectedPostDelete}
-                  disabled={!selectedPostNumbers.length}
-                >
-                  선택삭제
-                </Button>
-              )}
+    <PostPageGuard bbsId={bbsId}>
+      <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="mr-2 text-label">검색</Label>
+            <Select
+              value={postParams.keywordType}
+              onValueChange={(keywordType) => {
+                setPostParams({ ...postParams, keywordType });
+              }}
+            >
+              <SelectTrigger className="h-[3.2rem] w-[10rem]">
+                <SelectValue placeholder="선택" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="title">제목</SelectItem>
+                <SelectItem value="all">제목+내용</SelectItem>
+                <SelectItem value="writer">작성자</SelectItem>
+              </SelectContent>
+            </Select>
+            <Input
+              value={postParams.keyword}
+              onChange={(e) =>
+                setPostParams({ ...postParams, keyword: e.target.value })
+              }
+              className="h-[3.2rem] w-[24rem] rounded-sm !text-[1.3rem]"
+            />
+            <Button className="h-[3.2rem]" type="submit">
+              조회
+            </Button>
+          </form>
+        </div>
+        <div className="card card-border">
+          <div className="card-header">
+            <div className="flex w-full items-center justify-between">
+              <h3 className="text-2xl font-medium text-label">콘텐츠 목록</h3>
+              <div className="flex gap-2">
+                {pageMenuAuthority?.regAuthrtYn === "Y" && (
+                  <Button onClick={() => router.push(`${pathname}/register`)}>
+                    등록
+                  </Button>
+                )}
+                {pageMenuAuthority?.delAuthrtYn === "Y" && (
+                  <Button
+                    color="red"
+                    onClick={onSelectedPostDelete}
+                    disabled={!selectedPostNumbers.length}
+                  >
+                    선택삭제
+                  </Button>
+                )}
+              </div>
             </div>
           </div>
-        </div>
-        <div className="card !m-[1.2rem] h-full overflow-auto !p-0">
-          <div className="mb-4 flex items-center gap-2 rounded-sm border border-border bg-background p-4">
-            <Checkbox
-              id="all-select"
-              checked={selectedPostNumbers.length === postList?.content.length}
-              onClick={(e) => e.stopPropagation()}
-              onCheckedChange={handleAllCheckboxChange}
-            />
-            <Label htmlFor="all-select" className="text-2xl">
-              전체선택
-            </Label>
+          <div className="card !m-[1.2rem] h-full overflow-auto !p-0">
+            <div className="mb-4 flex items-center gap-2 rounded-sm border border-border bg-background p-4">
+              <Checkbox
+                id="all-select"
+                checked={
+                  selectedPostNumbers.length === postList?.content.length
+                }
+                onClick={(e) => e.stopPropagation()}
+                onCheckedChange={handleAllCheckboxChange}
+              />
+              <Label htmlFor="all-select" className="text-2xl">
+                전체선택
+              </Label>
+            </div>
+            {isFetched ? (
+              <Accordion
+                type="multiple"
+                className="secondary flex flex-col gap-4"
+              >
+                {postList?.content.map((item) => (
+                  <div key={item.pstNo} className="flex items-start gap-2">
+                    <Checkbox
+                      id={item.pstNo.toString()}
+                      checked={selectedPostNumbers.includes(item.pstNo)}
+                      onClick={(e) => e.stopPropagation()}
+                      onCheckedChange={(checked) =>
+                        handleCheckboxChange(item.pstNo, checked)
+                      }
+                      className="mx-2 my-6"
+                    />
+                    <AccordionItem
+                      value={item.pstNo.toString()}
+                      className="w-full"
+                    >
+                      <AccordionTrigger>
+                        <div className="flex flex-1 items-center justify-between">
+                          <div className="flex items-center gap-4">
+                            <span className="text-primary">Q</span>
+                            <span>{item.pstTtl}</span>
+                          </div>
+                          <span className="px-4 text-[1.2rem] font-normal text-label">
+                            등록일: {dayjs(item.regDt).format("YYYY-MM-DD")}
+                          </span>
+                        </div>
+                      </AccordionTrigger>
+                      <AccordionContent>
+                        <div className="flex items-start gap-4">
+                          <span className="text-[1.4rem] font-bold text-label">
+                            A
+                          </span>
+                          <div className="flex-1">
+                            <pre className="whitespace-pre-wrap font-noto text-[1.4rem] tracking-tighter text-foreground">
+                              {item.pstCn}
+                            </pre>
+                            <Attachment atflCd={item.atflCd} />
+                          </div>
+                          <div className="flex justify-end gap-2">
+                            <Button
+                              size="icon"
+                              color="white"
+                              onClick={() =>
+                                router.push(`${pathname}/${item.pstNo}`)
+                              }
+                            >
+                              <i className="diveicon di-pencil" />
+                            </Button>
+                            <Button
+                              size="icon"
+                              color="white"
+                              onClick={() => handleDeletePost(item.pstNo)}
+                            >
+                              <i className="diveicon di-trash" />
+                            </Button>
+                          </div>
+                        </div>
+                      </AccordionContent>
+                    </AccordionItem>
+                  </div>
+                ))}
+              </Accordion>
+            ) : (
+              <Skeleton className="h-[36rem] w-full" />
+            )}
           </div>
-          {isFetched ? (
-            <Accordion
-              type="multiple"
-              className="secondary flex flex-col gap-4"
-            >
-              {postList?.content.map((item) => (
-                <div key={item.pstNo} className="flex items-start gap-2">
-                  <Checkbox
-                    id={item.pstNo.toString()}
-                    checked={selectedPostNumbers.includes(item.pstNo)}
-                    onClick={(e) => e.stopPropagation()}
-                    onCheckedChange={(checked) =>
-                      handleCheckboxChange(item.pstNo, checked)
-                    }
-                    className="mx-2 my-6"
-                  />
-                  <AccordionItem
-                    value={item.pstNo.toString()}
-                    className="w-full"
-                  >
-                    <AccordionTrigger>
-                      <div className="flex flex-1 items-center justify-between">
-                        <div className="flex items-center gap-4">
-                          <span className="text-primary">Q</span>
-                          <span>{item.pstTtl}</span>
-                        </div>
-                        <span className="px-4 text-[1.2rem] font-normal text-label">
-                          등록일: {dayjs(item.regDt).format("YYYY-MM-DD")}
-                        </span>
-                      </div>
-                    </AccordionTrigger>
-                    <AccordionContent>
-                      <div className="flex items-start gap-4">
-                        <span className="text-[1.4rem] font-bold text-label">
-                          A
-                        </span>
-                        <div className="flex-1">
-                          <pre className="whitespace-pre-wrap font-noto text-[1.4rem] tracking-tighter text-foreground">
-                            {item.pstCn}
-                          </pre>
-                          <Attachment atflCd={item.atflCd} />
-                        </div>
-                        <div className="flex justify-end gap-2">
-                          <Button
-                            size="icon"
-                            color="white"
-                            onClick={() =>
-                              router.push(`${pathname}/${item.pstNo}`)
-                            }
-                          >
-                            <i className="diveicon di-pencil" />
-                          </Button>
-                          <Button
-                            size="icon"
-                            color="white"
-                            onClick={() => handleDeletePost(item.pstNo)}
-                          >
-                            <i className="diveicon di-trash" />
-                          </Button>
-                        </div>
-                      </div>
-                    </AccordionContent>
-                  </AccordionItem>
-                </div>
-              ))}
-            </Accordion>
-          ) : (
-            <Skeleton className="h-[36rem] w-full" />
-          )}
         </div>
       </div>
-    </div>
+    </PostPageGuard>
   );
 }
 
diff --git a/apps/cs/src/pages/(post)/faq/ui/faq-page.tsx b/apps/cs/src/pages/(post)/faq/ui/faq-page.tsx
index 8ddd3006a..f23a70663 100644
--- a/apps/cs/src/pages/(post)/faq/ui/faq-page.tsx
+++ b/apps/cs/src/pages/(post)/faq/ui/faq-page.tsx
@@ -23,6 +23,7 @@ import {
 import { AttachmentApi } from "@/entities/attachment";
 import {
   PostApi,
+  PostPageGuard,
   deleteReasonMessages,
   type PostParams,
 } from "@/entities/post";
@@ -120,143 +121,147 @@ function FaqPage({ bbsId }: { bbsId: string }) {
   };
 
   return (
-    <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="mr-2 text-label">검색</Label>
-          <Select
-            value={postParams.keywordType}
-            onValueChange={(keywordType) => {
-              setPostParams({ ...postParams, keywordType });
-            }}
-          >
-            <SelectTrigger className="h-[3.2rem] w-[10rem]">
-              <SelectValue placeholder="선택" />
-            </SelectTrigger>
-            <SelectContent>
-              <SelectItem value="title">제목</SelectItem>
-              <SelectItem value="all">제목+내용</SelectItem>
-              <SelectItem value="writer">작성자</SelectItem>
-            </SelectContent>
-          </Select>
-          <Input
-            value={postParams.keyword}
-            onChange={(e) =>
-              setPostParams({ ...postParams, keyword: e.target.value })
-            }
-            className="h-[3.2rem] w-[24rem] rounded-sm !text-[1.3rem]"
-          />
-          <Button className="h-[3.2rem]" type="submit">
-            조회
-          </Button>
-        </form>
-      </div>
-      <div className="card card-border">
-        <div className="card-header">
-          <div className="flex w-full items-center justify-between">
-            <h3 className="text-2xl font-medium text-label">콘텐츠 목록</h3>
-            <div className="flex gap-2">
-              <AuthorityButton
-                authority="regAuthrtYn"
-                onClick={() => router.push(`${pathname}/register`)}
-              >
-                등록
-              </AuthorityButton>
-              <AuthorityButton
-                authority="delAuthrtYn"
-                color="red"
-                onClick={onSelectedPostDelete}
-                disabled={!selectedPostNumbers.length}
-              >
-                선택삭제
-              </AuthorityButton>
+    <PostPageGuard bbsId={bbsId}>
+      <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="mr-2 text-label">검색</Label>
+            <Select
+              value={postParams.keywordType}
+              onValueChange={(keywordType) => {
+                setPostParams({ ...postParams, keywordType });
+              }}
+            >
+              <SelectTrigger className="h-[3.2rem] w-[10rem]">
+                <SelectValue placeholder="선택" />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="title">제목</SelectItem>
+                <SelectItem value="all">제목+내용</SelectItem>
+                <SelectItem value="writer">작성자</SelectItem>
+              </SelectContent>
+            </Select>
+            <Input
+              value={postParams.keyword}
+              onChange={(e) =>
+                setPostParams({ ...postParams, keyword: e.target.value })
+              }
+              className="h-[3.2rem] w-[24rem] rounded-sm !text-[1.3rem]"
+            />
+            <Button className="h-[3.2rem]" type="submit">
+              조회
+            </Button>
+          </form>
+        </div>
+        <div className="card card-border">
+          <div className="card-header">
+            <div className="flex w-full items-center justify-between">
+              <h3 className="text-2xl font-medium text-label">콘텐츠 목록</h3>
+              <div className="flex gap-2">
+                <AuthorityButton
+                  authority="regAuthrtYn"
+                  onClick={() => router.push(`${pathname}/register`)}
+                >
+                  등록
+                </AuthorityButton>
+                <AuthorityButton
+                  authority="delAuthrtYn"
+                  color="red"
+                  onClick={onSelectedPostDelete}
+                  disabled={!selectedPostNumbers.length}
+                >
+                  선택삭제
+                </AuthorityButton>
+              </div>
             </div>
           </div>
-        </div>
-        <div className="card !m-[1.2rem] h-full overflow-auto !p-0">
-          <div className="mb-4 flex items-center gap-2 rounded-sm border border-border bg-background p-4">
-            <Checkbox
-              id="all-select"
-              checked={selectedPostNumbers.length === postList?.content.length}
-              onClick={(e) => e.stopPropagation()}
-              onCheckedChange={handleAllCheckboxChange}
-            />
-            <Label htmlFor="all-select" className="text-2xl">
-              전체선택
-            </Label>
+          <div className="card !m-[1.2rem] h-full overflow-auto !p-0">
+            <div className="mb-4 flex items-center gap-2 rounded-sm border border-border bg-background p-4">
+              <Checkbox
+                id="all-select"
+                checked={
+                  selectedPostNumbers.length === postList?.content.length
+                }
+                onClick={(e) => e.stopPropagation()}
+                onCheckedChange={handleAllCheckboxChange}
+              />
+              <Label htmlFor="all-select" className="text-2xl">
+                전체선택
+              </Label>
+            </div>
+            {isFetched ? (
+              <Accordion
+                type="multiple"
+                className="secondary flex flex-col gap-4"
+              >
+                {postList?.content.map((item) => (
+                  <div key={item.pstNo} className="flex items-start gap-2">
+                    <Checkbox
+                      id={item.pstNo.toString()}
+                      checked={selectedPostNumbers.includes(item.pstNo)}
+                      onClick={(e) => e.stopPropagation()}
+                      onCheckedChange={(checked) =>
+                        handleCheckboxChange(item.pstNo, checked)
+                      }
+                      className="mx-2 my-6"
+                    />
+                    <AccordionItem
+                      value={item.pstNo.toString()}
+                      className="w-full"
+                    >
+                      <AccordionTrigger>
+                        <div className="flex flex-1 items-center justify-between">
+                          <div className="flex items-center gap-4">
+                            <span className="text-primary">Q</span>
+                            <span>{item.pstTtl}</span>
+                          </div>
+                          <span className="px-4 text-[1.2rem] font-normal text-label">
+                            등록일: {dayjs(item.regDt).format("YYYY-MM-DD")}
+                          </span>
+                        </div>
+                      </AccordionTrigger>
+                      <AccordionContent>
+                        <div className="flex items-start gap-4">
+                          <span className="text-[1.4rem] font-bold text-label">
+                            A
+                          </span>
+                          <div className="flex-1">
+                            <pre className="whitespace-pre-wrap font-noto text-[1.4rem] tracking-tighter text-foreground">
+                              {item.pstCn}
+                            </pre>
+                            <Attachment atflCd={item.atflCd} />
+                          </div>
+                          <div className="flex justify-end gap-2">
+                            <Button
+                              size="icon"
+                              color="white"
+                              onClick={() =>
+                                router.push(`${pathname}/${item.pstNo}`)
+                              }
+                            >
+                              <i className="diveicon di-pencil" />
+                            </Button>
+                            <Button
+                              size="icon"
+                              color="white"
+                              onClick={() => handleDeletePost(item.pstNo)}
+                            >
+                              <i className="diveicon di-trash" />
+                            </Button>
+                          </div>
+                        </div>
+                      </AccordionContent>
+                    </AccordionItem>
+                  </div>
+                ))}
+              </Accordion>
+            ) : (
+              <Skeleton className="h-[36rem] w-full" />
+            )}
           </div>
-          {isFetched ? (
-            <Accordion
-              type="multiple"
-              className="secondary flex flex-col gap-4"
-            >
-              {postList?.content.map((item) => (
-                <div key={item.pstNo} className="flex items-start gap-2">
-                  <Checkbox
-                    id={item.pstNo.toString()}
-                    checked={selectedPostNumbers.includes(item.pstNo)}
-                    onClick={(e) => e.stopPropagation()}
-                    onCheckedChange={(checked) =>
-                      handleCheckboxChange(item.pstNo, checked)
-                    }
-                    className="mx-2 my-6"
-                  />
-                  <AccordionItem
-                    value={item.pstNo.toString()}
-                    className="w-full"
-                  >
-                    <AccordionTrigger>
-                      <div className="flex flex-1 items-center justify-between">
-                        <div className="flex items-center gap-4">
-                          <span className="text-primary">Q</span>
-                          <span>{item.pstTtl}</span>
-                        </div>
-                        <span className="px-4 text-[1.2rem] font-normal text-label">
-                          등록일: {dayjs(item.regDt).format("YYYY-MM-DD")}
-                        </span>
-                      </div>
-                    </AccordionTrigger>
-                    <AccordionContent>
-                      <div className="flex items-start gap-4">
-                        <span className="text-[1.4rem] font-bold text-label">
-                          A
-                        </span>
-                        <div className="flex-1">
-                          <pre className="whitespace-pre-wrap font-noto text-[1.4rem] tracking-tighter text-foreground">
-                            {item.pstCn}
-                          </pre>
-                          <Attachment atflCd={item.atflCd} />
-                        </div>
-                        <div className="flex justify-end gap-2">
-                          <Button
-                            size="icon"
-                            color="white"
-                            onClick={() =>
-                              router.push(`${pathname}/${item.pstNo}`)
-                            }
-                          >
-                            <i className="diveicon di-pencil" />
-                          </Button>
-                          <Button
-                            size="icon"
-                            color="white"
-                            onClick={() => handleDeletePost(item.pstNo)}
-                          >
-                            <i className="diveicon di-trash" />
-                          </Button>
-                        </div>
-                      </div>
-                    </AccordionContent>
-                  </AccordionItem>
-                </div>
-              ))}
-            </Accordion>
-          ) : (
-            <Skeleton className="h-[36rem] w-full" />
-          )}
         </div>
       </div>
-    </div>
+    </PostPageGuard>
   );
 }