FlutterFlow 데이터베이스에 저장할 수 있는 다양한 유형의 데이터, 문자열, 숫자, 불린 등을 탐색하고 Firebase Firestore에서 이러한 데이터 유형을 적절하게 사용하는 방법을 배워보세요.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
1 단계: FlutterFlow 및 그 데이터베이스 소개
FlutterFlow 데이터베이스에 저장할 수 있는 다양한 유형의 데이터에 대해 알아보기 전에 먼저 FlutterFlow는 무엇인지 이해하는 것이 중요합니다. FlutterFlow는 낮은 코드, 강력한 앱 빌더로 속도와 생산성을 위해 설계되었습니다. FlutterFlow는 Google의 UI 툴킷인 Flutter를 사용하여 개발자가 모바일, 웹, 데스크톱을 위한 네이티브로 컴파일된 애플리케이션을 빠르게 빌드할 수 있습니다.
FlutterFlow의 백엔드는 Firebase에 의해 구동되며, 이는 NoSQL 데이터베이스, 클라우드 기능, 호스팅 등을 제공하는 인기 있는 Backend-as-a-Service 플랫폼입니다. 이 튜토리얼에서는 FlutterFlow의 Firestore 데이터베이스에 저장할 수 있는 데이터 유형에 특히 관심이 있습니다.
2 단계: Firestore 데이터베이스 구조 이해하기
일반적인 Firestore 데이터베이스는 컬렉션, 문서 및 필드로 구성됩니다. 이러한 요소는 계층 순서로 구성됩니다: 데이터베이스는 컬렉션으로 구성되며, 각 컬렉션은 여러 문서를 포함하고, 각 문서는 여러 필드로 구성됩니다.
3 단계: FlutterFlow 데이터베이스의 데이터 유형 탐색하기
Firestore 및 따라서 FlutterFlow 데이터베이스에는 여러 유형의 데이터를 저장할 수 있습니다. 다양한 유형의 데이터는 다음과 같습니다:
4 단계: 이 데이터 유형 사용 방법 이해하기
이제, Firestore에 데이터를 저장하는 데 FlutterFlow를 사용할 때 이러한 데이터 유형을 어떻게 사용할 수 있는지 시연을 살펴보겠습니다:
문자열, 숫자, 불린:
문자열, 숫자, 또는 불린 유형의 새로운 필드를 추가하는 것은 상당히 간단합니다. 당신이 해야 할 것은:
필드 추가
를 클릭합니다.저장
을 클릭합니다.맵:
맵 데이터 유형의 필드를 추가하려면:
맵
을 선택합니다.필드 추가
를 클릭합니다. 각 중첩된 필드에 대해 키와 값을 삽입합니다.저장
을 클릭합니다.배열:
배열 유형의 필드를 추가하는 것은 비슷합니다:
배열
을 유형으로 선택합니다.요소 추가
를 클릭하여 요소를 추가합니다. 배열에 추가하려는 요소의 유형 선택이 열립니다(예: 문자열, 숫자 등). 이들 각각에 대해 원하는 값을 추가합니다.저장
을 클릭합니다.지점 및 타임스탬프:
지점과 타임스탬프의 경우:
참조:
참조 데이터 유형을 위해:
참조
를 선택합니다.이것이 FlutterFlow 데이터베이스에 저장할 수 있는 다양한 유형의 데이터에 대해 알아야 할 모든 정보입니다. 이러한 개념을 이해하는 데 시간을 보내고 프로젝트에서 이를 실험하십시오.
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.