[Bug] 상점 아이템 이미지 로드 실패

[yoouyeon]

Desc

상점 아이템 이미지 요청 응답이 모두 301로 실패해서 대체 이미지가 보입니다.

Reproduce

1. /takgu/store 페이지 이동

Wanted

Bug img / video

Etc

[nerdchanii]

버그재보해주셔서 감사합니다!:)

@AreSain님께 협업을 요청해 같이 확인했습니다.

확인결과 과거에 쓰던 버킷에 저장되어있는 이미지들이 not_found 이미지로 표시되고 있는 것을 확인했습니다.
해결하기 위해서 이미지를 다시 등록해야할 것 같아 이미지 재등록을 시도했습니다.

이과정에서 POST /pingpong/admin/items/{itemId} 로 보내는 요청이 실패하고 있는 것을 확인했습니다.
백엔드 컨트롤러 로직은 아래와 같습니다. ref

} else if (imgData.getContentType() == null || !imgData.getContentType().equals("image/jpeg")) {

백엔드에서 타입을 type: 'image/jpeg'로 equal을 검사하는데, 현재 보내는 api는 아래와 같이 타입을 넣고 있는걸 확인했습니다. 이부분은 @seyeon22222 님이 확인해 주셨어요.

42gg.client/components/takgu/modal/admin/AdminEditItem.tsx

Line 79 in 1a78ece

new Blob([imgData], { type: 'image/takgu/jpeg' })

해당라인을 {type:'image/jpeg'} 로 수정하면 해결할 수 있을 것으로 보입니다.

[nerdchanii]

'image/takgu/jpeg'로 mime 타입으로 사용하고 있는 곳들을 좀 더 찾았습니다. 이 부분들을 이번 이슈에서 같이 개선했으면 하는데 어떤가요? 일반적인 MIME 타입을 쓸 수 있도록 하면 좋을것 같아요. 백엔드에서 이 부분들을 실제로 'image/takgu/jpeg'로 받고 있는지 확인이 필요한 상황입니다.

42gg.client/hooks/useUploadImg.ts

Line 28 in 1a78ece

filetype: 'image/takgu/jpeg',

42gg.client/components/takgu/modal/store/inventory/ProfileImageModal.tsx

Line 91 in 1a78ece

new Blob([imgData], { type: 'image/takgu/jpeg' })

42gg.client/components/takgu/modal/store/inventory/ProfileImageModal.tsx

Line 143 in 1a78ece

accept='image/takgu/jpeg'

42gg.client/hooks/useUploadImg.ts

Line 28 in 1a78ece

filetype: 'image/takgu/jpeg',