[트러블 슈팅] presigned 이미지 등록 - 100-hours-a-week/4-bull4zo-fe GitHub Wiki

presigned 이미지 등록(6/9)

🐞 에러 내용

• presigned를 통한 FE 이미지 등록을 구현했지만, 서버에서 발급해준 S3 이미지 업로드 url로 이미지가 업로드 되지 않는 문제 발생

🔍 원인 분석

• 초기, 백엔드에서 요하는 api에는 인증객체가 필요로하지만, FE에서 호출할때 인증객체를 추가하지 않음

✅ 해결 방법

• axios를 사용해 authAxiosInstance라는 인증객체를 전역적으로 사용했지만, 이미지 업로드 로직에서 누락하고 일반 axiosInstance를 사용하면서 인증객체가 누락되었기 때문에, authAxiosInstance로 인스턴스를 변경해 해결

🤔 향후 대응 방안

• 이미지 업로드는 현재 tanstack query를 통한 캐싱이 진행되지 않지만, 효율성 측면에서 캐싱이 좋다면 추가할 예정이다.

💬 회고

• 백엔드의 api 명세서를 명확하게 읽지 못하고, 개발하면서 발생한 실수였다.