feat: 동영상 게시글 상세 작업

apps/cs/src/widgets/post/model/grid-view-table-columns.tsx

@@ -2,10 +2,11 @@ import dayjs from "dayjs";
 import Image from "next/image";
 import type { ColumnDef } from "@tanstack/react-table";
 import { Badge, Checkbox, Skeleton } from "@common/components";
+import { AttachmentApi } from "@/entities/attachment";
 import type { Post } from "@/entities/post";
 import { useQuery } from "@tanstack/react-query";
 import { ENDPOINT } from "@/shared/config";
-import { AttachmentApi } from "@/entities/attachment";
+import { useMenuStore } from "@/shared/lib";
 
 export const createColumns = (
   thumbRefs: React.MutableRefObject<Map<number, string>>,
@@ -81,9 +82,17 @@ type ThumbImageProps = {
 const ThumbImage = ({ atflCd, pstNo, thumbRefs }: ThumbImageProps) => {
   const prevImage = thumbRefs.current.get(pstNo);
 
+  const { bbsInfo } = useMenuStore((state) => state);
+
   const { data: imageUrl, isLoading } = useQuery({
     queryKey: [ENDPOINT.ATTACH_SERVICE.IMAGES, atflCd],
-    queryFn: () => AttachmentApi.getImageUrlByAtflCd(atflCd),
+    queryFn: () => {
+      if (bbsInfo?.bbsTypeCd === "BBSIMAGE") {
+        return AttachmentApi.getImageUrlByAtflCd(atflCd);
+      } else if (bbsInfo?.bbsTypeCd === "BBSMOVIE") {
+        return AttachmentApi.getMovieThumbnailUrlByAtflCd(atflCd);
+      }
+    },
     select: (url) => {
       if (url) thumbRefs.current.set(pstNo, url);
       return url;