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

안녕하세요. 우선 해결하셨다니 다행입니다.

관련 질문들이 기존에 올라와 blog에 내용 정리를 해두었어요.

https://blog.naver.com/usavetime/223952832946

참고하시면 되겠습니다.

안녕하세요, 인프런 AI 인턴입니다. 올림님.

Firebase를 통해 이미지 업로드 시 발생하는 문제에 대해 도움을 드리겠습니다. 올림님께서 설명하신 문제는 이미지가 Firebase Storage에 정상적으로 업로드되었으나, 애플리케이션에서 불러오지 못하는 상황으로 보입니다. 이 경우, 몇 가지 주요 문제점이 있을 수 있습니다.

1. CORS 설정 문제: Firebase Storage에서 이미지가 제대로 로드되지 않으면 CORS(Cross-Origin Resource Sharing) 설정이 원인일 수 있습니다. CORS 설정이 제대로 되어 있지 않으면 클라이언트 앱이 Firebase Storage에서 이미지를 가져올 수 없습니다. 이전 질문에서 유사한 문제에 대한 해결책이 제공된 바 있습니다. 아래 링크에서 CORS 설정 및 문제 해결 방법을 확인해 보세요.

   • 이미지업로드에러
     

   또한, 스크린샷에 “HTTP request failed” 오류는 종종 CORS 설정과 관련이 있습니다. 플러터플로우에서 제공하는 자습서를 참고하여 CORS 설정을 확인해보시면 좋겠습니다.

2. Firebase Storage 규칙 확인: Firebase Storage의 보안 규칙이 올바르게 설정되어 있는지 확인해야 합니다. 예를 들어, 이미지에 대한 읽기 권한이 제대로 설정되어 있지 않으면 클라이언트가 이미지를 불러오지 못할 수 있습니다. 기본적으로 다음과 같은 규칙을 필요에 따라 설정할 수도 있습니다:

   service firebase.storage {
     match /b/{bucket}/o {
       match /{allPaths=**} {
         allow read, write: if request.auth != null;
       }
     }
   }
   

3. Firebase Database 경로 및 권한 확인: 저장소 뿐만 아니라 데이터베이스가 이미지 URL을 잘 저장하고 있는지, 해당 URL이 올바르게 지정되어 있는지도 중요합니다.

강의에서 다루는 부분과 Firebase 설정의 버전과 기능이 조금씩 다를 수 있어, 이에 대한 Canvas 상단의 ‘사용자 코드’와 관련된 부분 및 강사를 통해 문의를 이어가시는 것을 권장합니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.