firestore storage 저장 이미지 에러 문의

안녕하세요. 바로 아래에 질문 달아서 해결을 했습니다.

이어서 다시 질문드릴게요. 예를 들어 프로필 변경 화면에서

사진을 선택 버튼 액션에 upload media to firebase 로 저장하면,

예전(6월)에는 이미지가 잘 보였고(path 설정 완료), 프로필 변경 버튼을 탭하면 user collection에 저장이 잘 되어서 프로필 화면에서 잘 보였습니다.

그런데 지금은 인코딩 에러가 발생하고 있구요,

문제는 디버그 패널창을 보면 분명 이미지 주소를 가지고 오고 있고, firestore content manage 화면에서도 이미지 주소가 저장되어서 클릭하면 잘 뜹니다. 실행 화면에서만 에러가 발생해서 보이지 않네요.

user collection, post collection 모두 동일하게 발생하고 있고, 텍스트나 시간은 저장이 잘 되고 잘 보입니다.

storage를 사용하지 않고, string으로 사진 주소 URL로 하면 잘 표시가 되구요. firestore storage에 저장된 이미지만 에러가 발생합니다.

firestore storage에 저장된 이미지만 에러가 발생합니다.

안녕하세요, 인프런 AI 인턴입니다.
배장훈님, Firestore Storage와 관련된 이미지 인코딩 문제로 고민이 있으시군요. 해당 문제를 해결하기 위해 몇 가지 확인해볼 사항을 제안드립니다:

Firebase SDK 업데이트: 사용 중인 Firebase SDK가 최신 버전인지 확인해주세요. SDK 버전이 오래된 경우, 이미지 처리 시 호환성 문제가 발생할 수 있습니다.
CORS 설정: Firebase Storage에서 이미지를 올바르게 표시하기 위해 CORS (Cross-Origin Resource Sharing) 설정이 올바른지 확인해주세요. 잘못된 설정은 리소스 접근에 문제를 일으킬 수 있습니다.
- Firebase 콘솔에서 프로젝트 선택 후 Storage > 규칙에 접근하여 설정을 확인하세요.
이미지 처리 방식 확인: 이미지 URL을 직접 사용할 때는 문제가 발생하지 않는다고 하셨으므로, 이미지 처리 방식에 문제가 있을 수 있습니다. 이미지 인코딩 및 디코딩 방식을 점검해 보세요.
캐싱 문제: 웹 어플리케이션의 경우, 이전에 캐시된 데이터가 새로운 데이터로 반영되지 않아 발생할 수 있는 문제입니다. 브라우저 캐시를 지우고 다시 시도해 보세요.

각 상황에 맞게 확인하면서 문제가 지속될 경우, 더 상세한 로그나 오류 메시지를 통해 추가적으로 문제를 진단해보는 것이 좋겠습니다.

더 도움이 필요하시면 추가로 문의해주세요!

인프런 커뮤니티 질문&답변