[cs] chore: 게시판 댓글 사용 여부 적용

apps/cs/app/(auth)/layout.tsx

@@ -1,17 +1,17 @@
 import "@/app/styles/base.css";
 
 export const metadata = {
-    title: "유역하수도 통합 정보플랫폼",
+  title: "하수도플랫폼 통합관리시스템",
 };
 
 export default function AuthLayout({
-    children,
+  children,
 }: {
-    children: React.ReactNode;
+  children: React.ReactNode;
 }) {
-    return (
-        <html lang="ko">
-            <body>{children}</body>
-        </html>
-    );
+  return (
+    <html lang="ko">
+      <body>{children}</body>
+    </html>
+  );
 }

apps/cs/app/(main)/layout.tsx

@@ -3,7 +3,7 @@ import type { Metadata } from "next";
 import { App } from "@/app";
 
 export const metadata: Metadata = {
-  title: "유역하수도 통합 정보플랫폼",
+  title: "하수도플랫폼 통합관리시스템",
 };
 
 export default App;

apps/cs/app/api/auth/logout/route.ts

@@ -0,0 +1,10 @@
+import { cookies } from "next/headers";
+import { NextResponse } from "next/server";
+
+import { COOKIE_DOMAIN, REFRESH_TOKEN } from "@/shared/config";
+
+export async function POST() {
+  const cookieStore = await cookies();
+  cookieStore.delete({ name: REFRESH_TOKEN, domain: COOKIE_DOMAIN });
+  return NextResponse.json({ message: "Logged out" }, { status: 200 });
+}

apps/cs/app/global-not-found.tsx

@@ -0,0 +1,46 @@
+import type { Metadata } from "next";
+import Image from "next/image";
+
+import "@/app/styles/base.css";
+import "@/app/styles/components.css";
+
+export const metadata: Metadata = {
+  title: "하수도플랫폼 통합관리시스템",
+  description: "페이지가 존재하지 않습니다. 관리자에게 문의하여 주십시오.",
+};
+
+export default function GlobalNotFound() {
+  return (
+    <html lang="ko">
+      <body>
+        <main className="flex min-h-screen flex-col items-center justify-center bg-[#f0f4f8] px-4 py-16">
+          <div className="mb-16 text-center">
+            <h1 className="text-[3.2rem] font-bold leading-snug tracking-tight">
+              <span className="text-primary">하수도플랫폼 통합관리시스템</span>
+              에 오신 것을 환영합니다.
+            </h1>
+            <p className="mt-6 text-[2rem] text-[#666]">
+              오류가 발생하였습니다.
+            </p>
+          </div>
+
+          <section className="card card-border flex w-full max-w-[72rem] flex-col items-center !rounded-2xl !py-16">
+            <Image
+              src="/images/magnifying-glass-with-warning.png"
+              alt=""
+              width={280}
+              height={280}
+              className="size-[28rem] object-contain"
+            />
+            <p className="mt-4 text-[2.4rem] font-bold text-[#444]">
+              페이지가 존재하지 않습니다.
+            </p>
+            <p className="mt-2 text-[1.6rem] text-[#666]">
+              관리자에게 문의하여 주십시오
+            </p>
+          </section>
+        </main>
+      </body>
+    </html>
+  );
+}

apps/cs/next.config.ts

@@ -7,6 +7,7 @@ const nextConfig: NextConfig = {
   output: "standalone",
   experimental: {
     proxyTimeout: 600000,
+    globalNotFound: true,
   },
   eslint: {
     ignoreDuringBuilds: true,

apps/cs/src/entities/auth/api/auth-service.ts

@@ -92,6 +92,7 @@ async function silentRefresh(): Promise<void> {
 }
 
 async function logout(): Promise<void> {
+  await fetch("/api/auth/logout", { method: "POST" });
   tokenManager.clearAuthToken();
   clearDeviceId();
 

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

@@ -1,10 +1,17 @@
 "use client";
 
-import dayjs from "dayjs";
-import Image from "next/image";
 import { useEffect, useState } from "react";
+import Image from "next/image";
 import { useRouter } from "next/navigation";
+
 import { useQuery } from "@tanstack/react-query";
+import dayjs from "dayjs";
+
+import { ENDPOINT } from "@/shared/config";
+import { useAlertStore, useMenuStore, useMutationWrapper } from "@/shared/lib";
+import { AttachmentApi } from "@/entities/attachment";
+import { BoardApi } from "@/entities/board";
+import { PostApi } from "@/entities/post";
 import {
   Button,
   Label,
@@ -12,14 +19,11 @@ import {
   RadioGroupItem,
   Skeleton,
 } from "@common/components";
-import { AttachmentApi } from "@/entities/attachment";
-import { PostApi } from "@/entities/post";
-import { BoardApi } from "@/entities/board";
-import { ENDPOINT } from "@/shared/config";
-import { useAlertStore, useMutationWrapper, useMenuStore } from "@/shared/lib";
+
+import { PostEvaluationApi } from "../api/post-evaluation-service";
+
 import { PostAction } from "./post-action";
 import { PostComment } from "./post-comment";
-import { PostEvaluationApi } from "../api/post-evaluation-service";
 
 function Post({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
   const router = useRouter();
@@ -255,7 +259,9 @@ function Post({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
           )}
         </div>
       </PostAction>
-      <PostComment bbsId={parseInt(bbsId)} pstNo={parseInt(pstNo)} />
+      {bbsInfo?.cmntUseYn === "Y" && (
+        <PostComment bbsId={parseInt(bbsId)} pstNo={parseInt(pstNo)} />
+      )}
     </>
   );
 }

apps/cs/tailwind.config.ts

@@ -1,10 +1,12 @@
 import type { Config } from "tailwindcss";
 import tailwindcssAnimate from "tailwindcss-animate";
+
 import presetConfig from "../../tailwind.config.preset";
 
 export default {
   presets: [presetConfig],
   content: [
+    "./app/**/*.{js,ts,jsx,tsx}",
     "./src/**/*.{js,ts,jsx,tsx}",
     "../../packages/common/components/src/ui/**/*.{js,ts,jsx,tsx}",
   ],