diff --git a/apps/cs/src/pages/(post)/image/ui/modify-page.tsx b/apps/cs/src/pages/(post)/image/ui/modify-page.tsx
index 6b92afbb4..c2426c134 100644
--- a/apps/cs/src/pages/(post)/image/ui/modify-page.tsx
+++ b/apps/cs/src/pages/(post)/image/ui/modify-page.tsx
@@ -1,9 +1,53 @@
 "use client";
 
+import { useRouter } from "next/navigation";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useMutation, useQuery } from "@tanstack/react-query";
 import { PostForm } from "@/widgets/post";
+import {
+  PostApi,
+  postUpdateFormSchema,
+  type PostUpdateFormData,
+} from "@/entities/post";
+import { ENDPOINT } from "@/shared/config";
+import { useAlertStore, useUserStore } from "@/shared/lib";
 
 function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
-  return <PostForm bbsId={parseInt(bbsId)} pstNo={parseInt(pstNo)} />;
+  const router = useRouter();
+  const { setMessage: alert } = useAlertStore((state) => state);
+  const { userInfo } = useUserStore((state) => state);
+
+  const { data: postInfo } = useQuery({
+    queryKey: [ENDPOINT.BOARD_SERVICE.POSTS, bbsId, pstNo],
+    queryFn: () => PostApi.getPostInfo(parseInt(bbsId), parseInt(pstNo)),
+  });
+
+  const { mutateAsync: updatePost } = useMutation({
+    mutationFn: (data: PostUpdateFormData) =>
+      PostApi.updatePost(parseInt(bbsId), parseInt(pstNo), data),
+    onSuccess: () => {
+      alert("수정되었습니다.", router.back);
+    },
+  });
+
+  const form = useForm<PostUpdateFormData>({
+    resolver: zodResolver(postUpdateFormSchema),
+    values: {
+      ...postInfo,
+      pstTtl: postInfo?.pstTtl ?? "",
+      pstPswd: userInfo?.userUnqId ?? "",
+    },
+  });
+
+  return (
+    <div className="card card-border !mt-6">
+      <div className="card-header">
+        <h3 className="text-2xl font-medium text-label">이미지 게시글 수정</h3>
+      </div>
+      <PostForm form={form} handleSave={updatePost} />
+    </div>
+  );
 }
 
 export { ModifyPage };
diff --git a/apps/cs/src/pages/(post)/movie/ui/modify-page.tsx b/apps/cs/src/pages/(post)/movie/ui/modify-page.tsx
index 6b92afbb4..bee473938 100644
--- a/apps/cs/src/pages/(post)/movie/ui/modify-page.tsx
+++ b/apps/cs/src/pages/(post)/movie/ui/modify-page.tsx
@@ -1,9 +1,53 @@
 "use client";
 
+import { useRouter } from "next/navigation";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useMutation, useQuery } from "@tanstack/react-query";
 import { PostForm } from "@/widgets/post";
+import {
+  PostApi,
+  postUpdateFormSchema,
+  type PostUpdateFormData,
+} from "@/entities/post";
+import { ENDPOINT } from "@/shared/config";
+import { useAlertStore, useUserStore } from "@/shared/lib";
 
 function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
-  return <PostForm bbsId={parseInt(bbsId)} pstNo={parseInt(pstNo)} />;
+  const router = useRouter();
+  const { setMessage: alert } = useAlertStore((state) => state);
+  const { userInfo } = useUserStore((state) => state);
+
+  const { data: postInfo } = useQuery({
+    queryKey: [ENDPOINT.BOARD_SERVICE.POSTS, bbsId, pstNo],
+    queryFn: () => PostApi.getPostInfo(parseInt(bbsId), parseInt(pstNo)),
+  });
+
+  const { mutateAsync: updatePost } = useMutation({
+    mutationFn: (data: PostUpdateFormData) =>
+      PostApi.updatePost(parseInt(bbsId), parseInt(pstNo), data),
+    onSuccess: () => {
+      alert("수정되었습니다.", router.back);
+    },
+  });
+
+  const form = useForm<PostUpdateFormData>({
+    resolver: zodResolver(postUpdateFormSchema),
+    values: {
+      ...postInfo,
+      pstTtl: postInfo?.pstTtl ?? "",
+      pstPswd: userInfo?.userUnqId ?? "",
+    },
+  });
+
+  return (
+    <div className="card card-border !mt-6">
+      <div className="card-header">
+        <h3 className="text-2xl font-medium text-label">동영상 게시글 수정</h3>
+      </div>
+      <PostForm form={form} handleSave={updatePost} />
+    </div>
+  );
 }
 
 export { ModifyPage };
diff --git a/apps/cs/src/pages/(post)/normal/ui/modify-page.tsx b/apps/cs/src/pages/(post)/normal/ui/modify-page.tsx
index 6b92afbb4..2e23f62a0 100644
--- a/apps/cs/src/pages/(post)/normal/ui/modify-page.tsx
+++ b/apps/cs/src/pages/(post)/normal/ui/modify-page.tsx
@@ -1,9 +1,53 @@
 "use client";
 
+import { useRouter } from "next/navigation";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useMutation, useQuery } from "@tanstack/react-query";
 import { PostForm } from "@/widgets/post";
+import {
+  PostApi,
+  postUpdateFormSchema,
+  type PostUpdateFormData,
+} from "@/entities/post";
+import { ENDPOINT } from "@/shared/config";
+import { useAlertStore, useUserStore } from "@/shared/lib";
 
 function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
-  return <PostForm bbsId={parseInt(bbsId)} pstNo={parseInt(pstNo)} />;
+  const router = useRouter();
+  const { setMessage: alert } = useAlertStore((state) => state);
+  const { userInfo } = useUserStore((state) => state);
+
+  const { data: postInfo } = useQuery({
+    queryKey: [ENDPOINT.BOARD_SERVICE.POSTS, bbsId, pstNo],
+    queryFn: () => PostApi.getPostInfo(parseInt(bbsId), parseInt(pstNo)),
+  });
+
+  const { mutateAsync: updatePost } = useMutation({
+    mutationFn: (data: PostUpdateFormData) =>
+      PostApi.updatePost(parseInt(bbsId), parseInt(pstNo), data),
+    onSuccess: () => {
+      alert("수정되었습니다.", router.back);
+    },
+  });
+
+  const form = useForm<PostUpdateFormData>({
+    resolver: zodResolver(postUpdateFormSchema),
+    values: {
+      ...postInfo,
+      pstTtl: postInfo?.pstTtl ?? "",
+      pstPswd: userInfo?.userUnqId ?? "",
+    },
+  });
+
+  return (
+    <div className="card card-border !mt-6">
+      <div className="card-header">
+        <h3 className="text-2xl font-medium text-label">게시글 수정</h3>
+      </div>
+      <PostForm form={form} handleSave={updatePost} />
+    </div>
+  );
 }
 
 export { ModifyPage };
diff --git a/apps/cs/src/pages/(post)/notice/ui/modify-page.tsx b/apps/cs/src/pages/(post)/notice/ui/modify-page.tsx
index 6b92afbb4..fa12dbcce 100644
--- a/apps/cs/src/pages/(post)/notice/ui/modify-page.tsx
+++ b/apps/cs/src/pages/(post)/notice/ui/modify-page.tsx
@@ -1,9 +1,53 @@
 "use client";
 
+import { useRouter } from "next/navigation";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useMutation, useQuery } from "@tanstack/react-query";
 import { PostForm } from "@/widgets/post";
+import {
+  PostApi,
+  postUpdateFormSchema,
+  type PostUpdateFormData,
+} from "@/entities/post";
+import { ENDPOINT } from "@/shared/config";
+import { useAlertStore, useUserStore } from "@/shared/lib";
 
 function ModifyPage({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
-  return <PostForm bbsId={parseInt(bbsId)} pstNo={parseInt(pstNo)} />;
+  const router = useRouter();
+  const { setMessage: alert } = useAlertStore((state) => state);
+  const { userInfo } = useUserStore((state) => state);
+
+  const { data: postInfo } = useQuery({
+    queryKey: [ENDPOINT.BOARD_SERVICE.POSTS, bbsId, pstNo],
+    queryFn: () => PostApi.getPostInfo(parseInt(bbsId), parseInt(pstNo)),
+  });
+
+  const { mutateAsync: updatePost } = useMutation({
+    mutationFn: (data: PostUpdateFormData) =>
+      PostApi.updatePost(parseInt(bbsId), parseInt(pstNo), data),
+    onSuccess: () => {
+      alert("수정되었습니다.", router.back);
+    },
+  });
+
+  const form = useForm<PostUpdateFormData>({
+    resolver: zodResolver(postUpdateFormSchema),
+    values: {
+      ...postInfo,
+      pstTtl: postInfo?.pstTtl ?? "",
+      pstPswd: userInfo?.userUnqId ?? "",
+    },
+  });
+
+  return (
+    <div className="card card-border !mt-6">
+      <div className="card-header">
+        <h3 className="text-2xl font-medium text-label">공지 게시글 수정</h3>
+      </div>
+      <PostForm form={form} handleSave={updatePost} />
+    </div>
+  );
 }
 
 export { ModifyPage };
diff --git a/apps/cs/src/widgets/post/ui/post-form.tsx b/apps/cs/src/widgets/post/ui/post-form.tsx
index dcd41de64..cf3c14aab 100644
--- a/apps/cs/src/widgets/post/ui/post-form.tsx
+++ b/apps/cs/src/widgets/post/ui/post-form.tsx
@@ -1,8 +1,7 @@
 import { useRouter } from "next/navigation";
-import { useState } from "react";
-import { useMutation, useQuery } from "@tanstack/react-query";
-import { useForm } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
+import { useEffect, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
+import type { UseFormReturn, FieldPath } from "react-hook-form";
 import { useConfirm } from "@frontend-opensource/use-react-hooks";
 import {
   Input,
@@ -19,114 +18,159 @@ import {
 } from "@common/components";
 import { BOARD_POSTING_CODE } from "@/entities/board";
 import { AttachmentApi } from "@/entities/attachment";
-import {
-  PostApi,
-  postUpdateFormSchema,
-  type PostFormData,
-  type PostUpdateFormData,
-} from "@/entities/post";
+import type { Post, PostFormData, PostUpdateFormData } from "@/entities/post";
 import { ENDPOINT } from "@/shared/config";
-import type { BbsType } from "@/shared/store/menu-store";
-import { useUserStore, useMenuStore, useAlertStore } from "@/shared/lib";
+import { useUserStore, setCookie, useMenuStore } from "@/shared/lib";
 import { Form, FormControl, FormField, FormItem } from "@/shared/ui/form";
 import { PostingPeriodSelector } from "./posting-period-selector";
 import { GeneralFileUploader } from "./general-file-uploader";
 import { WithPreviewFileUploader } from "./with-preview-file-uploader";
 
-type PostFormProps = {
-  bbsId: number;
-  pstNo: number;
+type PostFormProps<T extends PostFormData | PostUpdateFormData> = {
+  form: UseFormReturn<T>;
+  handleSave: (data: T) => Promise<Post>;
 };
 
-const getBbsTitle = (bbsTypeCd?: BbsType) => {
-  switch (bbsTypeCd) {
-    case "BBSNOTICE":
-      return "공지";
-    case "BBSNORMAL":
-      return "일반";
-    case "BBSFAQ":
-      return "FAQ";
-    case "BBSIMAGE":
-      return "이미지";
-    case "BBSMOVIE":
-      return "동영상";
-    default:
-      return "게시판";
-  }
-};
+function PostForm<T extends PostFormData | PostUpdateFormData>({
+  form,
+  handleSave,
+}: PostFormProps<T>) {
+  const atflCd = form.getValues("atflCd" as FieldPath<T>);
 
-function PostForm({ bbsId, pstNo }: PostFormProps) {
   const router = useRouter();
   const { confirm } = useConfirm();
 
   const { bbsInfo } = useMenuStore((state) => state);
   const { userInfo } = useUserStore((state) => state);
-  const { setMessage: alert } = useAlertStore((state) => state);
 
   const [deleteAttachmentIds, setDeleteAttachmentIds] = useState<string[]>([]);
 
-  const { data: postInfo } = useQuery({
-    queryKey: [ENDPOINT.BOARD_SERVICE.POSTS, bbsId, pstNo],
-    queryFn: () => PostApi.getPostInfo(bbsId, pstNo),
-  });
-
-  const { mutateAsync: updatePost } = useMutation({
-    mutationFn: (data: PostUpdateFormData) =>
-      PostApi.updatePost(bbsId, pstNo, data),
-    onSuccess: () => {
-      alert("수정되었습니다.", router.back);
-    },
-  });
-
-  const form = useForm<PostFormData | PostUpdateFormData>({
-    resolver: zodResolver(postUpdateFormSchema),
-    values: {
-      ...postInfo,
-      pstTtl: postInfo?.pstTtl ?? "",
-      pstPswd: userInfo?.userUnqId ?? "",
-    },
-  });
-
-  const atflCd = form.getValues("atflCd");
   const { data: attachmentData } = useQuery({
     queryKey: [ENDPOINT.ATTACH_SERVICE.ATTACHMENTS, atflCd],
     queryFn: () => AttachmentApi.getAttachmentsInfo(atflCd as string),
     enabled: !!atflCd,
   });
 
-  const onSubmit = async (data: PostFormData | PostUpdateFormData) => {
+  const onSubmit = async (data: T) => {
     if (await confirm("저장하시겠습니까?")) {
       if (deleteAttachmentIds.length > 0) {
         await Promise.all(
           deleteAttachmentIds.map(AttachmentApi.deleteAttachmentByAtflId),
         );
       }
-      await updatePost(data);
+      await handleSave(data);
     }
   };
 
+  useEffect(() => {
+    setCookie("atfl-cd-key", "");
+  }, []);
+
   return (
-    <div className="card card-border !mt-6">
-      <div className="card-header">
-        <h3 className="text-2xl font-medium text-label">
-          {getBbsTitle(bbsInfo?.bbsTypeCd)} 게시글 수정
-        </h3>
-      </div>
-      <Form {...form}>
-        <form onSubmit={form.handleSubmit(onSubmit)}>
-          <div className="card">
-            <Table variant="secondary">
-              <colgroup>
-                <col width="15%" />
-                <col width="85%" />
-              </colgroup>
-              <TableBody>
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)}>
+        <div className="card">
+          <Table variant="secondary">
+            <colgroup>
+              <col width="15%" />
+              <col width="85%" />
+            </colgroup>
+            <TableBody>
+              <TableRow>
+                <TableHead>제목</TableHead>
+                <TableCell className="border">
+                  <FormField
+                    control={form.control}
+                    name={"pstTtl" as FieldPath<T>}
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormControl>
+                          <Input
+                            {...field}
+                            value={(field.value as string) ?? ""}
+                            className="!text-[1.3rem]"
+                            placeholder="제목을 입력해주세요"
+                          />
+                        </FormControl>
+                      </FormItem>
+                    )}
+                  />
+                </TableCell>
+              </TableRow>
+              <TableRow>
+                <TableHead>작성자</TableHead>
+                <TableCell className="border">
+                  <FormField
+                    control={form.control}
+                    name={"wrtrNm" as FieldPath<T>}
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormControl>
+                          <Input
+                            {...field}
+                            value={(field.value as string) ?? ""}
+                            className="w-[20rem] !text-[1.3rem]"
+                            placeholder="작성자를 입력해주세요"
+                          />
+                        </FormControl>
+                      </FormItem>
+                    )}
+                  />
+                </TableCell>
+              </TableRow>
+              {!userInfo?.userUnqId && (
                 <TableRow>
-                  <TableHead>제목</TableHead>
+                  <TableHead>비밀번호</TableHead>
                   <TableCell className="border">
                     <FormField
                       control={form.control}
-                      name="pstTtl"
+                      name={"pstPswd" as FieldPath<T>}
+                      render={({ field }) => (
+                        <FormItem className="flex flex-col">
+                          <FormControl>
+                            <Input
+                              {...field}
+                              type="password"
+                              value={(field.value as string) ?? ""}
+                              className="w-[20rem] !text-[1.3rem]"
+                              placeholder="비밀번호를 입력해주세요"
+                            />
+                          </FormControl>
+                        </FormItem>
+                      )}
+                    />
+                  </TableCell>
+                </TableRow>
+              )}
+              <TableRow>
+                <TableHead>내용</TableHead>
+                <TableCell className="border">
+                  <FormField
+                    control={form.control}
+                    name={"pstCn" as FieldPath<T>}
+                    render={({ field }) => (
+                      <FormItem>
+                        <FormControl>
+                          <Textarea
+                            {...field}
+                            value={(field.value as string) ?? ""}
+                            onChange={field.onChange}
+                            className="h-[20rem] w-full bg-form !text-[1.3rem] !leading-6"
+                            placeholder="내용을 입력해주세요"
+                          />
+                        </FormControl>
+                      </FormItem>
+                    )}
+                  />
+                </TableCell>
+              </TableRow>
+              {bbsInfo?.rfrncUseYn === "Y" && (
+                <TableRow>
+                  <TableHead>참조 URL</TableHead>
+                  <TableCell className="border">
+                    <FormField
+                      control={form.control}
+                      name={"rfrncUrl" as FieldPath<T>}
                       render={({ field }) => (
                         <FormItem>
                           <FormControl>
@@ -134,7 +178,7 @@ function PostForm({ bbsId, pstNo }: PostFormProps) {
                               {...field}
                               value={(field.value as string) ?? ""}
                               className="!text-[1.3rem]"
-                              placeholder="제목을 입력해주세요"
+                              placeholder="URL을 입력해주세요"
                             />
                           </FormControl>
                         </FormItem>
@@ -142,350 +186,267 @@ function PostForm({ bbsId, pstNo }: PostFormProps) {
                     />
                   </TableCell>
                 </TableRow>
+              )}
+              {bbsInfo?.popupUseYn === "Y" && (
                 <TableRow>
-                  <TableHead>작성자</TableHead>
+                  <TableHead>팝업여부</TableHead>
                   <TableCell className="border">
-                    <FormField
-                      control={form.control}
-                      name="wrtrNm"
-                      render={({ field }) => (
-                        <FormItem>
-                          <FormControl>
-                            <Input
-                              {...field}
-                              value={(field.value as string) ?? ""}
-                              className="w-[20rem] !text-[1.3rem]"
-                              placeholder="작성자를 입력해주세요"
-                            />
-                          </FormControl>
-                        </FormItem>
-                      )}
-                    />
-                  </TableCell>
-                </TableRow>
-                {!userInfo?.userUnqId && (
-                  <TableRow>
-                    <TableHead>비밀번호</TableHead>
-                    <TableCell className="border">
+                    <div className="flex items-center gap-4">
                       <FormField
                         control={form.control}
-                        name="pstPswd"
-                        render={({ field }) => (
-                          <FormItem className="flex flex-col">
-                            <FormControl>
-                              <Input
-                                {...field}
-                                type="password"
-                                value={(field.value as string) ?? ""}
-                                className="w-[20rem] !text-[1.3rem]"
-                                placeholder="비밀번호를 입력해주세요"
-                              />
-                            </FormControl>
-                          </FormItem>
-                        )}
-                      />
-                    </TableCell>
-                  </TableRow>
-                )}
-                <TableRow>
-                  <TableHead>내용</TableHead>
-                  <TableCell className="border">
-                    <FormField
-                      control={form.control}
-                      name="pstCn"
-                      render={({ field }) => (
-                        <FormItem>
-                          <FormControl>
-                            <Textarea
-                              {...field}
-                              value={(field.value as string) ?? ""}
-                              onChange={field.onChange}
-                              className="h-[20rem] w-full bg-form !text-[1.3rem] !leading-6"
-                              placeholder="내용을 입력해주세요"
-                            />
-                          </FormControl>
-                        </FormItem>
-                      )}
-                    />
-                  </TableCell>
-                </TableRow>
-                {bbsInfo?.rfrncUseYn === "Y" && (
-                  <TableRow>
-                    <TableHead>참조 URL</TableHead>
-                    <TableCell className="border">
-                      <FormField
-                        control={form.control}
-                        name="rfrncUrl"
+                        name={"popupYn" as FieldPath<T>}
                         render={({ field }) => (
                           <FormItem>
                             <FormControl>
-                              <Input
-                                {...field}
-                                value={(field.value as string) ?? ""}
-                                className="!text-[1.3rem]"
-                                placeholder="URL을 입력해주세요"
-                              />
+                              <RadioGroup
+                                name="popupYn"
+                                value={field.value?.toString() ?? ""}
+                                onValueChange={field.onChange}
+                              >
+                                <div className="flex items-center space-x-2">
+                                  <RadioGroupItem value="Y" id="popupY" />
+                                  <Label htmlFor="popupY">사용</Label>
+                                </div>
+                                <div className="flex items-center space-x-2">
+                                  <RadioGroupItem value="N" id="popupN" />
+                                  <Label htmlFor="popupN">사용안함</Label>
+                                </div>
+                              </RadioGroup>
                             </FormControl>
                           </FormItem>
                         )}
                       />
-                    </TableCell>
-                  </TableRow>
-                )}
-                {bbsInfo?.popupUseYn === "Y" && (
-                  <TableRow>
-                    <TableHead>팝업여부</TableHead>
-                    <TableCell className="border">
-                      <div className="flex items-center gap-4">
-                        <FormField
-                          control={form.control}
-                          name="popupYn"
-                          render={({ field }) => (
+                      <FormField
+                        control={form.control}
+                        name={"popupYnEtc" as FieldPath<T>}
+                        render={({ field }) => {
+                          const fieldValues = form.getValues().popupYnEtc?.[0];
+                          return (
                             <FormItem>
                               <FormControl>
-                                <RadioGroup
-                                  name="popupYn"
-                                  value={field.value?.toString() ?? ""}
-                                  onValueChange={field.onChange}
-                                >
-                                  <div className="flex items-center space-x-2">
-                                    <RadioGroupItem value="Y" id="popupY" />
-                                    <Label htmlFor="popupY">사용</Label>
-                                  </div>
-                                  <div className="flex items-center space-x-2">
-                                    <RadioGroupItem value="N" id="popupN" />
-                                    <Label htmlFor="popupN">사용안함</Label>
-                                  </div>
-                                </RadioGroup>
+                                <PostingPeriodSelector
+                                  defaultValues={{ ...fieldValues }}
+                                  disabled={
+                                    form.getValues(
+                                      "popupYn" as FieldPath<T>,
+                                    ) === "N"
+                                  }
+                                  handlePeriodValueChange={(
+                                    periodCode,
+                                    date,
+                                  ) => {
+                                    field.onChange([
+                                      {
+                                        ...fieldValues,
+                                        ...date,
+                                        bbsPstgTypeCd:
+                                          BOARD_POSTING_CODE.팝업게시,
+                                        pstgPrdSeCd: periodCode,
+                                      },
+                                    ]);
+                                  }}
+                                  handlePostingDateChange={(date) => {
+                                    field.onChange([
+                                      { ...fieldValues, ...date },
+                                    ]);
+                                  }}
+                                />
                               </FormControl>
                             </FormItem>
-                          )}
-                        />
-                        <FormField
-                          control={form.control}
-                          name="popupYnEtc"
-                          render={({ field }) => {
-                            const fieldValues =
-                              form.getValues().popupYnEtc?.[0];
-                            return (
-                              <FormItem>
-                                <FormControl>
-                                  <PostingPeriodSelector
-                                    defaultValues={{ ...fieldValues }}
-                                    disabled={form.getValues("popupYn") === "N"}
-                                    handlePeriodValueChange={(
-                                      periodCode,
-                                      date,
-                                    ) => {
-                                      field.onChange([
-                                        {
-                                          ...fieldValues,
-                                          ...date,
-                                          bbsPstgTypeCd:
-                                            BOARD_POSTING_CODE.팝업게시,
-                                          pstgPrdSeCd: periodCode,
-                                        },
-                                      ]);
-                                    }}
-                                    handlePostingDateChange={(date) => {
-                                      field.onChange([
-                                        { ...fieldValues, ...date },
-                                      ]);
-                                    }}
-                                  />
-                                </FormControl>
-                              </FormItem>
-                            );
-                          }}
-                        />
-                      </div>
-                    </TableCell>
-                  </TableRow>
-                )}
-                {bbsInfo?.upndFixUseYn === "Y" && (
-                  <TableRow>
-                    <TableHead>상단고정</TableHead>
-                    <TableCell className="border">
-                      <div className="flex items-center gap-4">
-                        <FormField
-                          control={form.control}
-                          name="upndFixYn"
-                          render={({ field }) => (
+                          );
+                        }}
+                      />
+                    </div>
+                  </TableCell>
+                </TableRow>
+              )}
+              {bbsInfo?.upndFixUseYn === "Y" && (
+                <TableRow>
+                  <TableHead>상단고정</TableHead>
+                  <TableCell className="border">
+                    <div className="flex items-center gap-4">
+                      <FormField
+                        control={form.control}
+                        name={"upndFixYn" as FieldPath<T>}
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <RadioGroup
+                                name="upndFixYn"
+                                value={field.value?.toString() ?? ""}
+                                onValueChange={field.onChange}
+                              >
+                                <div className="flex items-center space-x-2">
+                                  <RadioGroupItem value="Y" id="upndFixY" />
+                                  <Label htmlFor="upndFixY">사용</Label>
+                                </div>
+                                <div className="flex items-center space-x-2">
+                                  <RadioGroupItem value="N" id="upndFixN" />
+                                  <Label htmlFor="upndFixN">사용안함</Label>
+                                </div>
+                              </RadioGroup>
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+                      <FormField
+                        control={form.control}
+                        name={"upndFixYnEtc" as FieldPath<T>}
+                        render={({ field }) => {
+                          const fieldValues =
+                            form.getValues().upndFixYnEtc?.[0];
+                          return (
                             <FormItem>
                               <FormControl>
-                                <RadioGroup
-                                  name="upndFixYn"
-                                  value={field.value?.toString() ?? ""}
-                                  onValueChange={field.onChange}
-                                >
-                                  <div className="flex items-center space-x-2">
-                                    <RadioGroupItem value="Y" id="upndFixY" />
-                                    <Label htmlFor="upndFixY">사용</Label>
-                                  </div>
-                                  <div className="flex items-center space-x-2">
-                                    <RadioGroupItem value="N" id="upndFixN" />
-                                    <Label htmlFor="upndFixN">사용안함</Label>
-                                  </div>
-                                </RadioGroup>
+                                <PostingPeriodSelector
+                                  defaultValues={{ ...fieldValues }}
+                                  disabled={
+                                    form.getValues(
+                                      "upndFixYn" as FieldPath<T>,
+                                    ) === "N"
+                                  }
+                                  handlePeriodValueChange={(
+                                    periodCode,
+                                    date,
+                                  ) => {
+                                    field.onChange([
+                                      {
+                                        ...fieldValues,
+                                        ...date,
+                                        bbsPstgTypeCd:
+                                          BOARD_POSTING_CODE.상단게시,
+                                        pstgPrdSeCd: periodCode,
+                                      },
+                                    ]);
+                                  }}
+                                  handlePostingDateChange={(date) => {
+                                    field.onChange([
+                                      { ...fieldValues, ...date },
+                                    ]);
+                                  }}
+                                />
                               </FormControl>
                             </FormItem>
-                          )}
-                        />
-                        <FormField
-                          control={form.control}
-                          name="upndFixYnEtc"
-                          render={({ field }) => {
-                            const fieldValues =
-                              form.getValues().upndFixYnEtc?.[0];
-                            return (
-                              <FormItem>
-                                <FormControl>
-                                  <PostingPeriodSelector
-                                    defaultValues={{ ...fieldValues }}
-                                    disabled={
-                                      form.getValues("upndFixYn") === "N"
-                                    }
-                                    handlePeriodValueChange={(
-                                      periodCode,
-                                      date,
-                                    ) => {
-                                      field.onChange([
-                                        {
-                                          ...fieldValues,
-                                          ...date,
-                                          bbsPstgTypeCd:
-                                            BOARD_POSTING_CODE.상단게시,
-                                          pstgPrdSeCd: periodCode,
-                                        },
-                                      ]);
-                                    }}
-                                    handlePostingDateChange={(date) => {
-                                      field.onChange([
-                                        { ...fieldValues, ...date },
-                                      ]);
-                                    }}
-                                  />
-                                </FormControl>
-                              </FormItem>
-                            );
-                          }}
-                        />
-                      </div>
-                    </TableCell>
-                  </TableRow>
-                )}
-                {bbsInfo?.pstgPrdUseYn === "Y" && (
-                  <TableRow>
-                    <TableHead>게시기간</TableHead>
-                    <TableCell className="border">
-                      <div className="flex items-center gap-4">
-                        <FormField
-                          control={form.control}
-                          name="prdPstgYn"
-                          render={({ field }) => (
+                          );
+                        }}
+                      />
+                    </div>
+                  </TableCell>
+                </TableRow>
+              )}
+              {bbsInfo?.pstgPrdUseYn === "Y" && (
+                <TableRow>
+                  <TableHead>게시기간</TableHead>
+                  <TableCell className="border">
+                    <div className="flex items-center gap-4">
+                      <FormField
+                        control={form.control}
+                        name={"prdPstgYn" as FieldPath<T>}
+                        render={({ field }) => (
+                          <FormItem>
+                            <FormControl>
+                              <RadioGroup
+                                name="prdPstgYn"
+                                value={field.value?.toString() ?? ""}
+                                onValueChange={field.onChange}
+                              >
+                                <div className="flex items-center space-x-2">
+                                  <RadioGroupItem value="Y" id="prdPstgY" />
+                                  <Label htmlFor="prdPstgY">사용</Label>
+                                </div>
+                                <div className="flex items-center space-x-2">
+                                  <RadioGroupItem value="N" id="prdPstgN" />
+                                  <Label htmlFor="prdPstgN">사용안함</Label>
+                                </div>
+                              </RadioGroup>
+                            </FormControl>
+                          </FormItem>
+                        )}
+                      />
+                      <FormField
+                        control={form.control}
+                        name={"prdPstgYnEtc" as FieldPath<T>}
+                        render={({ field }) => {
+                          const fieldValues =
+                            form.getValues().prdPstgYnEtc?.[0];
+                          return (
                             <FormItem>
                               <FormControl>
-                                <RadioGroup
-                                  name="prdPstgYn"
-                                  value={field.value?.toString() ?? ""}
-                                  onValueChange={field.onChange}
-                                >
-                                  <div className="flex items-center space-x-2">
-                                    <RadioGroupItem value="Y" id="prdPstgY" />
-                                    <Label htmlFor="prdPstgY">사용</Label>
-                                  </div>
-                                  <div className="flex items-center space-x-2">
-                                    <RadioGroupItem value="N" id="prdPstgN" />
-                                    <Label htmlFor="prdPstgN">사용안함</Label>
-                                  </div>
-                                </RadioGroup>
+                                <PostingPeriodSelector
+                                  defaultValues={{ ...fieldValues }}
+                                  disabled={
+                                    form.getValues(
+                                      "prdPstgYn" as FieldPath<T>,
+                                    ) === "N"
+                                  }
+                                  handlePeriodValueChange={(
+                                    periodCode,
+                                    date,
+                                  ) => {
+                                    field.onChange([
+                                      {
+                                        ...fieldValues,
+                                        ...date,
+                                        bbsPstgTypeCd:
+                                          BOARD_POSTING_CODE.기간게시,
+                                        pstgPrdSeCd: periodCode,
+                                      },
+                                    ]);
+                                  }}
+                                  handlePostingDateChange={(date) => {
+                                    field.onChange([
+                                      { ...fieldValues, ...date },
+                                    ]);
+                                  }}
+                                />
                               </FormControl>
                             </FormItem>
-                          )}
-                        />
-                        <FormField
-                          control={form.control}
-                          name="prdPstgYnEtc"
-                          render={({ field }) => {
-                            const fieldValues =
-                              form.getValues().prdPstgYnEtc?.[0];
-                            return (
-                              <FormItem>
-                                <FormControl>
-                                  <PostingPeriodSelector
-                                    defaultValues={{ ...fieldValues }}
-                                    disabled={
-                                      form.getValues("prdPstgYn") === "N"
-                                    }
-                                    handlePeriodValueChange={(
-                                      periodCode,
-                                      date,
-                                    ) => {
-                                      field.onChange([
-                                        {
-                                          ...fieldValues,
-                                          ...date,
-                                          bbsPstgTypeCd:
-                                            BOARD_POSTING_CODE.기간게시,
-                                          pstgPrdSeCd: periodCode,
-                                        },
-                                      ]);
-                                    }}
-                                    handlePostingDateChange={(date) => {
-                                      field.onChange([
-                                        { ...fieldValues, ...date },
-                                      ]);
-                                    }}
-                                  />
-                                </FormControl>
-                              </FormItem>
-                            );
-                          }}
-                        />
-                      </div>
-                    </TableCell>
-                  </TableRow>
-                )}
-                {bbsInfo?.atflUseYn === "Y" && (
-                  <TableRow>
-                    <TableHead>첨부파일</TableHead>
-                    <TableCell className="border">
-                      {bbsInfo?.bbsTypeCd === "BBSIMAGE" ||
-                      bbsInfo?.bbsTypeCd === "BBSMOVIE" ? (
-                        <WithPreviewFileUploader
-                          form={form}
-                          attachmentData={attachmentData}
-                        />
-                      ) : (
-                        <GeneralFileUploader
-                          form={form}
-                          attachmentData={attachmentData}
-                          deleteAttachmentIds={deleteAttachmentIds}
-                          setDeleteAttachmentIds={setDeleteAttachmentIds}
-                        />
-                      )}
-                    </TableCell>
-                  </TableRow>
-                )}
-              </TableBody>
-            </Table>
-          </div>
-          <div className="flex justify-center gap-4 pb-12 pt-10">
-            <Button
-              size="lg"
-              color="white"
-              type="button"
-              onClick={() => router.back()}
-            >
-              취소
-            </Button>
-            <Button size="lg" type="submit">
-              저장
-            </Button>
-          </div>
-        </form>
-      </Form>
-    </div>
+                          );
+                        }}
+                      />
+                    </div>
+                  </TableCell>
+                </TableRow>
+              )}
+              {bbsInfo?.atflUseYn === "Y" && (
+                <TableRow>
+                  <TableHead>첨부파일</TableHead>
+                  <TableCell className="border">
+                    {bbsInfo?.bbsTypeCd === "BBSIMAGE" ||
+                    bbsInfo?.bbsTypeCd === "BBSMOVIE" ? (
+                      <WithPreviewFileUploader
+                        form={form}
+                        attachmentData={attachmentData}
+                      />
+                    ) : (
+                      <GeneralFileUploader
+                        form={form}
+                        attachmentData={attachmentData}
+                        deleteAttachmentIds={deleteAttachmentIds}
+                        setDeleteAttachmentIds={setDeleteAttachmentIds}
+                      />
+                    )}
+                  </TableCell>
+                </TableRow>
+              )}
+            </TableBody>
+          </Table>
+        </div>
+        <div className="flex justify-center gap-4 pb-12 pt-10">
+          <Button
+            size="lg"
+            color="white"
+            type="button"
+            onClick={() => router.back()}
+          >
+            취소
+          </Button>
+          <Button size="lg" type="submit">
+            저장
+          </Button>
+        </div>
+      </form>
+    </Form>
   );
 }
 
diff --git a/apps/cs/src/widgets/post/ui/with-preview-file-uploader.tsx b/apps/cs/src/widgets/post/ui/with-preview-file-uploader.tsx
index a0f7d01ff..9496280e6 100644
--- a/apps/cs/src/widgets/post/ui/with-preview-file-uploader.tsx
+++ b/apps/cs/src/widgets/post/ui/with-preview-file-uploader.tsx
@@ -22,7 +22,7 @@ function WithPreviewFileUploader<T extends PostFormData | PostUpdateFormData>({
   const [thumbnailUrl, setThumbnailUrl] = useState("");
   const [progress, setProgress] = useState(0);
 
-  const getFileAccept = (bbsTypeCd: BbsType) => {
+  const fileAccept = (bbsTypeCd: BbsType) => {
     switch (bbsTypeCd) {
       case "BBSIMAGE":
         return ".jpeg,.jpg,.png";
@@ -96,7 +96,7 @@ function WithPreviewFileUploader<T extends PostFormData | PostUpdateFormData>({
     <FileUploader
       id="atflCd"
       className="!h-auto !max-w-none flex-col !items-start gap-4 [&_.file-uploader-label]:h-[3.2rem]"
-      accept={getFileAccept(bbsInfo?.bbsTypeCd as BbsType)}
+      accept={fileAccept(bbsInfo?.bbsTypeCd as BbsType)}
       onUpload={onUpload}
       customPreview={
         <Label htmlFor="atflCd">