wafflestudio
diff --git a/‎src/components/post/CommentItem.tsx‎
Lines changed: 3 additions & 3 deletions b/‎src/components/post/CommentItem.tsx‎
Lines changed: 3 additions & 3 deletions
diff --git a/‎src/components/post/PostInfoSection.tsx‎
Lines changed: 10 additions & 10 deletions b/‎src/components/post/PostInfoSection.tsx‎
Lines changed: 10 additions & 10 deletions
diff --git a/‎src/components/post/PostMenuModal.tsx‎
Lines changed: 3 additions & 0 deletions b/‎src/components/post/PostMenuModal.tsx‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎src/entities/album/model/hooks/useCreateAlbumMutation.ts‎
Lines changed: 1 addition & 1 deletion b/‎src/entities/album/model/hooks/useCreateAlbumMutation.ts‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/entities/album/model/hooks/useUpdateAlbumTitleMutation.ts‎
Lines changed: 3 additions & 1 deletion b/‎src/entities/album/model/hooks/useUpdateAlbumTitleMutation.ts‎
Lines changed: 3 additions & 1 deletion
diff --git a/‎src/entities/album/model/schema.ts‎
Lines changed: 8 additions & 3 deletions b/‎src/entities/album/model/schema.ts‎
Lines changed: 8 additions & 3 deletions
diff --git a/‎src/entities/album/ui/AlbumSummaryCard.tsx‎
Lines changed: 11 additions & 6 deletions b/‎src/entities/album/ui/AlbumSummaryCard.tsx‎
Lines changed: 11 additions & 6 deletions
diff --git a/‎src/entities/feed/model/schema.ts‎
Lines changed: 1 addition & 1 deletion b/‎src/entities/feed/model/schema.ts‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎src/entities/feed/ui/EmptyFeedState.tsx‎
Lines changed: 17 additions & 0 deletions b/‎src/entities/feed/ui/EmptyFeedState.tsx‎
Lines changed: 17 additions & 0 deletions
diff --git a/‎src/entities/feed/ui/FeedCard.tsx‎
Lines changed: 9 additions & 5 deletions b/‎src/entities/feed/ui/FeedCard.tsx‎
Lines changed: 9 additions & 5 deletions
@@ -12,12 +12,12 @@ interface Comment {
   userId: number
   nickname: string
   content: string
-  profileImageUrl: string
+  profileImageUrl: string | null
   createdAt: string
   updatedAt: string
   parentId: number | null
   likeCount: number
-  liked: boolean
+  isLiked: boolean
   likedUserIds: number[]
 }
 
@@ -93,7 +93,7 @@ export default function CommentItem({
           >
             <Avatar className="h-8 w-8">
               <AvatarImage
-                src={comment.profileImageUrl}
+                src={comment.profileImageUrl ?? undefined}
                 alt={comment.nickname}
                 className="object-cover"
               />
 
@@ -20,13 +20,13 @@ interface Comment {
   postId: number
   userId: number
   nickname: string
-  profileImageUrl: string
+  profileImageUrl: string | null
   content: string
   createdAt: string
   updatedAt: string
   parentId: number | null
   likeCount: number
-  liked: boolean
+  isLiked: boolean
   likedUserIds: number[]
 }
 
@@ -78,15 +78,15 @@ const PostInfoSection = forwardRef<PostInfoSectionRef, PostInfoSectionProps>(
             .get(`api/v1/posts/${postId}/comments`, {
               searchParams: { page: pageNum },
             })
-            .json<{ data: Comment[]; success: boolean }>()
+            .json<{ data: Comment[]; isSuccess: boolean }>()
 
-          if (response.success && response.data.length > 0) {
+          if (response.isSuccess && response.data.length > 0) {
             const newComments = response.data
 
             setLikedComments((prev) => {
               const nextLiked = { ...prev }
               newComments.forEach((c: Comment) => {
-                nextLiked[c.id] = c.liked
+                nextLiked[c.id] = c.isLiked
               })
               return nextLiked
             })
@@ -202,9 +202,9 @@ const PostInfoSection = forwardRef<PostInfoSectionRef, PostInfoSectionProps>(
             .put(`api/v1/posts/${postId}/comments/${editingComment.id}`, {
               json: { content },
             })
-            .json<{ data: Comment; success: boolean }>()
+            .json<{ data: Comment; isSuccess: boolean }>()
 
-          if (response.success) {
+          if (response.isSuccess) {
             setComments((prev) =>
               prev.map((c) => (c.id === editingComment.id ? response.data : c))
             )
@@ -215,13 +215,13 @@ const PostInfoSection = forwardRef<PostInfoSectionRef, PostInfoSectionProps>(
             .post(`api/v1/posts/${postId}/comments`, {
               json: { content },
             })
-            .json<{ data: Comment; success: boolean }>()
+            .json<{ data: Comment; isSuccess: boolean }>()
 
-          if (response.success) {
+          if (response.isSuccess) {
             setComments((prev) => [response.data, ...prev])
             setLikedComments((prev) => ({
               ...prev,
-              [response.data.id]: response.data.liked,
+              [response.data.id]: response.data.isLiked,
             }))
           }
         }
 
@@ -1,5 +1,6 @@
 import { useState, useEffect } from 'react'
 import { useNavigate } from '@tanstack/react-router'
+import { useQueryClient } from '@tanstack/react-query'
 import ReportModal from './ReportModal'
 import AccountInfoModal from './AccountInfoModal'
 import EmbedModal from './EmbedModal'
@@ -42,6 +43,7 @@ export default function PostMenuModal({
     profileUserId: authorId,
   })
 
+  const queryClient = useQueryClient()
   const isMe = currentUserId === authorId
   const isFollowing =
     followingList?.some((user) => user.userId === authorId) ?? false
@@ -73,6 +75,7 @@ export default function PostMenuModal({
         .json<{ isSuccess: boolean; code: string; message: string }>()
 
       if (response.isSuccess) {
+        void queryClient.invalidateQueries({ queryKey: ['albums', 'user'] })
         onClose()
         navigate({ to: `/${authorId}` })
       }
 
@@ -11,7 +11,7 @@ export function useCreateAlbumMutation() {
     mutationFn: (payload: CreateAlbumRequest) =>
       createAlbum({ payload, loggedInUser }),
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['albums', 'my'] })
+      queryClient.invalidateQueries({ queryKey: ['albums', 'user'] })
     },
   })
 }
@@ -16,7 +16,9 @@ export function useUpdateAlbumTitleMutation() {
       payload: CreateAlbumRequest
     }) => updateAlbumTitle({ albumId, payload, loggedInUser }),
     onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: ['albums', 'my'] })
+      queryClient.invalidateQueries({
+        queryKey: ['albums', 'user', loggedInUser],
+      })
     },
   })
 }
@@ -1,12 +1,14 @@
 import { z } from 'zod'
 
 export const CreateAlbumRequestSchema = z.object({
-  title: z.string(),
+  title: z.string().min(1).max(50),
 })
 
 export const AlbumPostSchema = z.object({
   postId: z.number(),
-  imageUrl: z.string().min(1),
+  imageUrl: z.string(),
+  likeCount: z.number(),
+  commentCount: z.number(),
 })
 
 export const AlbumDetailSchema = z.object({
@@ -18,7 +20,10 @@ export const AlbumDetailSchema = z.object({
 export const AlbumSummarySchema = z.object({
   albumId: z.number(),
   title: z.string(),
-  thumbnailImageUrl: z.string().default(''),
+  thumbnailImageUrl: z
+    .string()
+    .nullable()
+    .transform((val) => val ?? ''),
   postCount: z.number().int().nonnegative(),
 })
 
 
@@ -1,6 +1,7 @@
 import type { AlbumSummary } from '@/entities/album/model/types'
 import { cn } from '@/shared/lib/utils'
 import { Card, CardHeader, CardTitle, CardContent } from '@/shared/ui/card'
+import { ImageFallback } from '@/shared/ui/image-fallback'
 import LazyImage from '@/shared/ui/lazyImage'
 
 type AlbumSummaryCardProps = {
@@ -36,12 +37,16 @@ export function AlbumSummaryCard({
 
       <CardContent className="px-0 pb-0">
         <div className="relative aspect-square w-full overflow-hidden rounded-b-2xl">
-          <LazyImage
-            src={thumbnailImageUrl}
-            alt={title}
-            wrapperClassName="absolute inset-0"
-            className="h-full w-full object-cover"
-          />
+          {thumbnailImageUrl ? (
+            <LazyImage
+              src={thumbnailImageUrl}
+              alt={title}
+              wrapperClassName="absolute inset-0"
+              className="h-full w-full object-cover"
+            />
+          ) : (
+            <ImageFallback className="absolute inset-0" ariaLabel={title} />
+          )}
 
           <div className="pointer-events-none absolute inset-0 h-full w-full bg-linear-to-t from-black/35 via-black/5 to-transparent" />
 
 
@@ -9,7 +9,7 @@ export const FeedAuthorSchema = z.object({
 export const FeedItemSchema = z.object({
   postId: z.number(),
   author: FeedAuthorSchema,
-  thumbnailImageUrl: z.string().min(1),
+  thumbnailImageUrl: z.string().nullable(),
   likeCount: z.number().nonnegative(),
   commentCount: z.number().nonnegative(),
   createdAt: z.string(),
 
@@ -0,0 +1,17 @@
+import { Users } from 'lucide-react'
+
+export function EmptyFeedState() {
+  return (
+    <div className="flex flex-col items-center justify-center py-16">
+      <div className="flex size-20 items-center justify-center rounded-full border-2 border-black">
+        <Users className="size-10" strokeWidth={1} />
+      </div>
+      <h2 className="mt-6 text-3xl font-extrabold">피드가 비어 있습니다</h2>
+      <p className="mt-3 text-center text-sm text-gray-500">
+        다른 사람들을 팔로우하면 팔로우한 사람들의 게시물이
+        <br />
+        여기에 표시됩니다.
+      </p>
+    </div>
+  )
+}
@@ -102,11 +102,15 @@ export function FeedCard({ item, className, onOpenPost }: FeedCardProps) {
           onClick={handleOpenPost}
           className="block w-full focus-visible:outline-none"
         >
-          <LazyImage
-            src={item.thumbnailImageUrl}
-            alt={`Post by ${item.author.nickname}`}
-            wrapperClassName="w-full bg-black/5 aspect-square"
-          />
+          {item.thumbnailImageUrl ? (
+            <LazyImage
+              src={item.thumbnailImageUrl}
+              alt={`Post by ${item.author.nickname}`}
+              wrapperClassName="w-full bg-black/5 aspect-square"
+            />
+          ) : (
+            <div className="aspect-square w-full bg-black/5" />
+          )}
         </button>
 
         <CardFooter className="flex items-center justify-between px-2 py-1">
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ export function useCreateAlbumMutation() {`
`11`	`11`	`mutationFn: (payload: CreateAlbumRequest) =>`
`12`	`12`	`createAlbum({ payload, loggedInUser }),`
`13`	`13`	`onSuccess: () => {`
`14`		`- queryClient.invalidateQueries({ queryKey: ['albums', 'my'] })`
	`14`	`+ queryClient.invalidateQueries({ queryKey: ['albums', 'user'] })`
`15`	`15`	`},`
`16`	`16`	`})`
`17`	`17`	`}`