inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[2025 리뉴얼]플러터플로우로 코딩 없이 한달 안에 앱 만들기

리스트뷰에 subcollection은 어떻게 연결하나요?

148

김명수

작성한 질문수 1

0

flutter firebase no-code flutterflow

답변 3

0

스케일

안녕하세요 명수님,

질문 주셔서 감사 드립니다.

질문은 추가질문까지 고려하여, 잘 이해 했습니다.

 

우선 다음과 같이 Users_sub 이라는 Subcollection이 있다고 가정을 합니다.

image.png

 

 

우선, Subcollection을 부를 위젯을 만듭니다.

간단한 Listview를 만들었다고 합니다.

 

Database에 가서 Query Collection을 합니다.

그러면 이 때 Collection을 선택해야 하는데, 위에서 만든 'users_sub'을 선택합니다.

(subcollection이어도 선택할 수 있습니다.)

 

이후 Value Source, 즉 subcollection의 부모가 되는 소스를 선택하라고 나오는데요.

그 때 명수님이 선택하고자 하는 주체를 선택해 주시면 됩니다.

 

예를 들어 친구들을 나열했다면, 친구들에 해당하는 users(Document Reference가 되겠네요)를 선택해 주시면 됩니다.

(*이 때 당연하게도, Listview위젯 상위에서, subcollection의 부모가 되는 데이터베이스를 query collection을 통해 이미 호출한 상태여야 선택이 가능하겠지요)

 

image.png

 

 

요약하자면, subcollection은 query collection을 통해 부르고, source를 잘 선택해주면 된다 입니다.

도움이 되었으면 좋겠습니다.

감사합니다.

 

 

1

김명수

답변 감사합니다.

그런데 제가 원하는 것은 이user가 친구들 중에서 선택이 아니라

나의 subcollection입니다.

그리고 위와 같이도 구현해 보았으나

다른 collection은 파라미터를 통해 가져올 수 있는데

users collection에서는 파라미터전달이 안되네요

제가 잘 못했는지는 모르겠지만요
어쨌든 감사합니다.

다른 방법을 연구하고 있습니다.

감사합니다

0

김명수

제가 완초라서 그런지 설명을 봐도 이해를 못하겠어요

동영상이나 아니면 상세한 메뉴 단계를 알려주시면 감사하겠습니다.
listview에서놓고>AddQuery>하면 4종(QueryCol/DocumentFromRe/APICall/Algolia)이 나오는데 접근방법이 틀렸나요? 사전에 무슨 작업이 필요한가요?

0

김명수

제가 하려는 것은

자기의 users의 밑에 있는 subcollection에

  1. 문서를 추가하고,

  2. 문서들을 list하려 합니다.

     

  3. 지도 부탁드립니다

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다. 김명수님, 리스트뷰에 Firebase의 subcollection을 연결하려는 시도를 하고 계신데요, 이와 관련된 해결책을 안내해 드리겠습니다.

Firebase Subcollection 리스트뷰 연결 방법

  1. Firestore Query 설정:

    • Firestore에서 subcollection에 접근하기 위해서는 부모 document의 ID를 알고 있어야 합니다.
    • 일반적으로 Firestore에서는 Main Collection -> Document -> Subcollection 형태로 데이터가 저장되기 때문에 ListView에서는 대부분 Main Collection의 Document를 기준으로 하위 Subcollection의 데이터를 읽어옵니다.
  2. ListView에 Subcollection 연결:

    • Firebase에서 특정 Document의 하위 Subcollection을 조회하려면, 해당 Document의 ID를 명확히 파악하고 있어야 합니다. 예를 들어, users/{userId}/subcollection 이런 형태로 접근합니다.
    • FlutterFlow를 사용하는 경우, 기본적으로 제공되는 firestore 데이터를 통해 Document를 Query하고, 하위 Subcollection을 위해서는 Firebase의 nested collection 기능을 사용하여 데이터를 가져올 수 있습니다.
  3. FlutterFlow Setting:

    • FlutterFlow에서 ListView에 연결하려면, Backend Query 설정 단계에서 Subcollection을 선택하는 기능이 제공됩니다.
    • 설정을 통해, Document -> Subcollection 순서로 데이터를 불러오게 하고, ListView를 통해 데이터를 렌더링해줄 수 있습니다.

관련 유사 질문 해결 사례

아래 유사한 해결 사례를 참고해 보시면, 보다 쉽게 이해하실 수 있습니다:

  • 스키마 내부의 list 가져오기: 이 질문에서는 FlutterFlow에서 Subcollection과 관련된 데이터를 어떻게 불러오는지에 대한 자세한 설명이 포함되어 있습니다.

쓰신 방법과 결과가 잘 맞지 않으신다면, Firebase의 Document 구조와 FlutterFlow의 Query 설정을 재검토해보시면 좋겠습니다. 부족한 부분에 대해서는 제가 찾은 자료를 바탕으로 안내 드렸지만, 혹시 추가적인 이해가 필요하거나, 다른 문제가 지속된다면 이어서 질문해 주시기 바랍니다. 곧 지식공유자께서 답변해 주실 것입니다.

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

로그인 과정에서 이메일 형식 오류 발생합니다.

0

87

2

변수의 활용에서 local page variable이 변화가 없습니다.

0

58

2

10강 (firebase 서버 연동) -> 11강 (로그인 구현)으로 넘어가고 있는데, user collection을 설정하는 부분이 안나옵니다...

0

57

2

홈화면에서 계속 충돌이 발생해요

0

69

2

이미지 표시 안되는것

0

78

2

ToggleIcon 관련 문의드립니다.

0

58

2

프로필 업데이트 회원가입완료 버튼 설정

0

72

2

한글이 잠시 깨진 후 정상적으로 보입니다.

0

72

2

써버 연결후 테스트를 해ㅗ니

0

75

3

강의 내용이 다릅니다

0

81

4

사진 업로드 어디에?

0

73

3

collection 내 image 에러

0

70

3

cros proxy for images 를 none으로 바꿔도 이미지 적용이 되지 않습니다.

0

107

4

9강의 서버연동을 따라하는데 오류가뜹니다

0

84

2

이미지 로딩 오류

0

200

5

path 설정에 'Uploaded File URL' 항목이 안보입니다.

0

63

2

스택 위의 이미지가 움직이면 사라집니다.

0

73

2

특정 하트만 개별적으로 커지게 하는 방법 질문

0

85

2

Project Setup Step 절차가 나오지 않아요, 테마를 어디서 고르죠?

0

53

2

가로 고정 모드 태블릿 앱을 만들고자 합니다.

0

283

2

이미지 업로드 버튼 클릭시

0

93

2

Stack 안에 Container를 절반만 채우고 싶습니다.

0

59

2

연결 관련

0

72

2

닉네임관련

0

104

2