feat: 동영상 게시판 추가(features)

2025-05-15 16:53:05 +09:00
parent 8b4cf7c2b0
commit 629ae45048
11 changed files with 174 additions and 2 deletions
@@ -0,0 +1,10 @@
+import { ModifyPage } from "@/pages/(pst)/movie";
+
+export default async function PstBbsMoviePostModifyPage({
+  params,
+}: {
+  params: Promise<{ bbsId: string; pstNo: string }>;
+}) {
+  const { bbsId, pstNo } = await params;
+  return <ModifyPage bbsId={bbsId} pstNo={pstNo} />;
+}
@@ -0,0 +1,10 @@
+import { MoviePost } from "@/pages/(pst)/movie";
+
+export default async function PstBbsMoviePostPage({
+  params,
+}: {
+  params: Promise<{ bbsId: string; pstNo: string }>;
+}) {
+  const { bbsId, pstNo } = await params;
+  return <MoviePost bbsId={bbsId} pstNo={pstNo} />;
+}
@@ -0,0 +1,10 @@
+import { MoviePage } from "@/pages/(pst)/movie";
+
+export default async function PstBbsMoviePage({
+  params,
+}: {
+  params: Promise<{ bbsId: string }>;
+}) {
+  const { bbsId } = await params;
+  return <MoviePage bbsId={bbsId} />;
+}
@@ -0,0 +1,10 @@
+import { CreatePage } from "@/pages/(pst)/movie";
+
+export default async function PstBbsMovieRegisterPage({
+  params,
+}: {
+  params: Promise<{ bbsId: string }>;
+}) {
+  const { bbsId } = await params;
+  return <CreatePage bbsId={bbsId} />;
+}
@@ -0,0 +1,4 @@
+export { CreatePage } from "./ui/create-page";
+export { ModifyPage } from "./ui/modify-page";
+export { MoviePage } from "./ui/movie-page";
+export { MoviePost } from "./ui/movie-post";
@@ -0,0 +1,43 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useMutation } from "@tanstack/react-query";
+import { PostForm } from "@/widgets/post";
+import { PostApi, postFormSchema, type PostFormData } from "@/entities/post";
+import { useAlertStore, useUserStore } from "@/shared/lib";
+
+function CreatePage({ bbsId }: { bbsId: string }) {
+  const router = useRouter();
+  const { userInfo } = useUserStore((state) => state);
+  const { setMessage: alert } = useAlertStore((state) => state);
+
+  const { mutateAsync: createPost } = useMutation({
+    mutationFn: (data: PostFormData) => PostApi.createPost(data),
+    onSuccess: () => {
+      alert("등록되었습니다.", router.back);
+    },
+  });
+
+  const form = useForm<PostFormData>({
+    resolver: zodResolver(postFormSchema),
+    values: {
+      bbsId: parseInt(bbsId),
+      pstTtl: "",
+      wrtrNm: userInfo?.userName ?? "",
+      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={createPost} />
+    </div>
+  );
+}
+
+export { CreatePage };
@@ -0,0 +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 }) {
+  const router = useRouter();
+  const { setMessage: alert } = useAlertStore((state) => state);
+  const { userInfo } = useUserStore((state) => state);
+
+  const { data: postInfo } = useQuery({
+    queryKey: [ENDPOINT.BOARD_SERVICE.POSTS_USER, 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 };
@@ -0,0 +1,3 @@
+"use client";
+
+export { PostPage as MoviePage } from "@/widgets/post";
@@ -0,0 +1,3 @@
+"use client";
+
+export { Post as MoviePost } from "@/widgets/post";
@@ -36,7 +36,10 @@ function Post({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
    queryKey: [ENDPOINT.ATTACH_SERVICE.DOWNLOAD, postData?.atflCd],
    queryFn: () =>
      AttachmentApi.downloadAttachmentByAtflCd(postData?.atflCd as string),
-    enabled: !!postData?.atflCd && bbsInfo?.bbsTypeCd !== "BBSIMAGE",
+    enabled:
+      !!postData?.atflCd &&
+      bbsInfo?.bbsTypeCd !== "BBSIMAGE" &&
+      bbsInfo?.bbsTypeCd !== "BBSMOVIE",
  });

  const { data: imageUrl, isLoading } = useQuery({
@@ -46,6 +49,22 @@ function Post({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
    enabled: !!postData?.atflCd,
  });

+  const { data: videoAttachment } = useQuery({
+    queryKey: [ENDPOINT.ATTACH_SERVICE.ATTACHMENTS, postData?.atflCd],
+    queryFn: () => AttachmentApi.getAttachmentsInfo(postData?.atflCd as string),
+    select: (data) => data[0],
+    enabled: !!postData?.atflCd && bbsInfo?.bbsTypeCd === "BBSMOVIE",
+  });
+
+  const { data: videoUrl } = useQuery({
+    queryKey: [ENDPOINT.ATTACH_SERVICE.STREAM_VIDEO, videoAttachment?.atflId],
+    queryFn: () =>
+      AttachmentApi.getStreamVideoUrlByAtflId(
+        videoAttachment?.atflId as string,
+      ),
+    enabled: !!videoAttachment?.atflId,
+  });
+
  const { mutate: deletePost } = useMutation({
    mutationFn: (pstPswd: string) =>
      PostApi.deletePost(parseInt(bbsId), parseInt(pstNo), pstPswd),
@@ -144,6 +163,11 @@ function Post({ bbsId, pstNo }: { bbsId: string; pstNo: string }) {
              )}
            </>
          )}
+          {bbsInfo?.bbsTypeCd === "BBSMOVIE" && (
+            <div className="relative my-6 flex h-[56.25rem] w-[100rem]">
+              <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">
            {postData?.pstCn ?? ""}
          </pre>
@@ -45,6 +45,7 @@ export const columns: ColumnDef<Board>[] = [

 const ManageButton = ({ row }: { row: Row<Board> }) => {
  const router = useRouter();
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
  const pathname = usePathname();
  const [, setBbsInfo] = useLocalStorage("bbs-info", "");
  const { setBbsInfo: setStoreBbsInfo } = useMenuStore((state) => state);
@@ -55,7 +56,8 @@ const ManageButton = ({ row }: { row: Row<Board> }) => {
      size="sm"
      onClick={(e) => {
        e.stopPropagation();
-        router.push(`${pathname}/${bbsTypeCd.toLowerCase()}/${bbsId}`);
+        // router.push(`${pathname}/${bbsTypeCd.toLowerCase()}/${bbsId}`);
+        router.push(`/pst/${bbsTypeCd.toLowerCase()}/${bbsId}`);
        setBbsInfo(JSON.stringify(row.original));
        setStoreBbsInfo(row.original);
      }}