유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

EP07 - 당근 마켓 앱 만들기 상품리스트 보기 (바이브 코딩)

하울의 코딩 채널

2025. 10. 19.

0

#mobile app
#db
  • 사진 저장을 위해 Firebase Storage를 설정하며, 신용카드 등록이 필수적이지만 무료 할당량(업로드 5GB/월, 다운로드 30GB/월) 초과 시에만 비용이 발생하고, 비용 알림 설정 및 최저 비용 지역(US 동부) 선택이 가능하다. 💳
  • 외부인의 무단 접근을 막기 위해 Firebase Storage의 보안 규칙을 request.auth != null로 설정하여 로그인 및 인증된 사용자만 사진을 업로드하고 다운로드할 수 있도록 제한한다. 🔒
  • 앱에서 사진 추가 시 앨범을 열어 사진을 선택하고, 선택된 사진을 Firebase Storage에 업로드한 후 해당 이미지의 URL을 Firestore DB에 저장하는 기능을 구현한다. 📸
  • Firestore DB의 products 컬렉션에 저장된 상품 데이터를 HomePage.dart에서 불러와 앱 화면에 상품 리스트로 표시하며, 이미지 URL을 통해 실제 사진이 보이도록 연동한다. 🛒
  • 앱 실행 중 발생하는 안드로이드 버전 에러(예: minSdkVersion 관련)는 android/app/build.gradle 파일에서 minSdkVersion을 23으로 수정하여 해결할 수 있다. 🛠️
  • 업로드된 상품이 모두 표시되지 않거나 사진이 제대로 뜨지 않는 문제 발생 시, Firestore 쿼리 확인 및 이미지 URL 경로 검증을 통해 문제를 해결하고 모든 상품과 사진이 정상적으로 보이도록 디버깅한다. 🐞

Recommanded Videos