diff --git a/src/components/board/ImageList/ImageCard.tsx b/src/components/board/ImageList/ImageCard.tsx index 78b0ced9..9eb520c1 100644 --- a/src/components/board/ImageList/ImageCard.tsx +++ b/src/components/board/ImageList/ImageCard.tsx @@ -52,7 +52,7 @@ function ImageCard({ item, className, imgClassName, removable, onRemove }: Image src={item.fileUrl} alt={item.fileName} draggable={false} - className={cn('object-cover', item.uploaded === false && 'opacity-50', imgClassName)} + className={cn(item.uploaded === false && 'opacity-50', imgClassName)} /> {item.uploaded === false && } diff --git a/src/components/board/ImageList/ImageList.tsx b/src/components/board/ImageList/ImageList.tsx index 893797a2..7fb42939 100644 --- a/src/components/board/ImageList/ImageList.tsx +++ b/src/components/board/ImageList/ImageList.tsx @@ -52,7 +52,7 @@ function ImageList({ files, removable, onRemove }: ImageListProps) { 'min-w-[60px] shrink-0 self-stretch', index === files.length - 1 && 'mr-800', )} - imgClassName="h-full w-auto object-contain" + imgClassName="h-full max-w-full object-contain" removable={removable} onRemove={onRemove} /> diff --git a/src/hooks/useNavigationGuard.ts b/src/hooks/useNavigationGuard.ts index 0176accf..b4c8d494 100644 --- a/src/hooks/useNavigationGuard.ts +++ b/src/hooks/useNavigationGuard.ts @@ -69,11 +69,8 @@ function useNavigationGuard({ enabled }: UseNavigationGuardOptions) { useEffect(() => { const handlePopState = () => { if (isLeaving.current) return; - // Next.js App Router는 pushState/replaceState 호출 시 popstate를 디스패치한다. - // guard entry 위에 있다면 우리 코드가 pushState한 것이므로 무시한다. if (isGuardEntry()) return; - // guard가 비활성 상태면 guard entry를 투명하게 건너뛴다 if (!enabledRef.current) { if (hasGuardEntry.current) { hasGuardEntry.current = false;