/No-Code Development Agency

질문: FlutterFlow에서 맞춤 데이터베이스를 어떻게 생성할 수 있나요?

FlutterFlow를 사용하여 맞춤 데이터베이스를 생성하는 방법을 자세한 가이드를 통해 배우세요. 데이터 모델 디자인, Firestore 설정, FlutterFlow에 연결하기 등에 대해 이해하게 될 것입니다.

Matt Graham, CEO of Rapid Developers

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.

Book a free No-Code consultation

질문: FlutterFlow에서 맞춤 데이터베이스를 어떻게 생성할 수 있나요?

FlutterFlow에서 사용자 정의 데이터베이스를 만드는 것은 데이터 모델 설계, Firestore에서 데이터베이스 생성, 그리고 FlutterFlow 프로젝트에 데이터베이스 연결 등 여러 단계가 포함됩니다. 이는 각 과정을 도와줄 상세한 단계별 가이드입니다.

첫 번째 단계: 데이터 모델 디자인

데이터베이스를 만들기 시작하기 전에 앱이 필요로 하는 데이터 구조를 생각하는 것이 중요합니다.

  • 앱이 관리할 기본 엔티티를 개요화하십시오. 예를 들어, 전자 상거래 앱은 '사용자' , '제품' , '주문'과 같은 엔티티가 있을 수 있습니다.
  • 각 엔티티가 가질 속성을 결정합니다. '사용자' 엔티티는 '사용자 이름' , '이메일' , '비밀번호'와 같은 속성을 가질 수 있습니다.
  • 엔티티 간의 관계를 고려합니다. '사용자'가 '주문'에 연결되어야 할까요? '제품'이 '주문'에 연결되어야 할까요? 등등.

두 번째 단계: Firestore 데이터베이스 생성

Flutter Flow를 사용하려면 Firestore 데이터베이스를 설정해야 합니다. 이렇게 하시면 됩니다:

  • console.firebase.google.com에서 Firebase 콘솔로 이동합니다.
  • '프로젝트 추가'를 클릭하여 프로젝트에 적합한 이름을 부여하고 '계속'을 클릭합니다.
  • 프로젝트에 대해 Google 분석을 켜고 '계속'을 클릭합니다.
  • Firebase가 새 프로젝트를 설정하는 데 몇 초 동안 기다린 뒤 '계속'을 클릭합니다.
  • 프로젝트 대시보드에서 왼쪽 탐색 바에 위치한 'Cloud Firestore'로 이동합니다.
  • '데이터베이스 만들기'로 이동합니다.
  • '테스트 모드에서 시작'을 선택하고 '다음'을 클릭합니다.
  • 드롭다운 메뉴에서 선호하는 Cloud Firestore 위치를 선택하고 '완료'를 클릭합니다.
  • Firestore 데이터베이스가 생성될 때까지 기다립니다.

세 번째 단계: 필요한 컬렉션과 문서 추가

Firestore에서 컬렉션은 테이블과 같고, 문서는 이러한 테이블의 레코드와 같습니다.

  • '컬렉션 시작'을 클릭하여 데이터 모델에 대한 테이블을 만드는 것을 시작합니다.
  • 컬렉션에 이름을 지정하고 ('사용자'또는 '제품'등) '다음'을 클릭합니다.
  • 필드 이름을 제공하고 유형을 선택하여 문서에 필드를 추가합니다.
  • 완료되면, 컬렉션의 첫 번째 문서를 만들려면 ‘저장’을 클릭합니다.

데이터베이스에서 계획한 모든 컬렉션(테이블)에 대해 이 단계를 반복해야 합니다.

네 번째 단계: Firestore를 FlutterFlow에 연결

Firestore 데이터베이스와 필요한 컬렉션과 문서를 생성한 후 다음 단계는 Firestore를 FlutterFlow 프로젝트에 연결하는 것입니다.

  • 이 작업을 수행하려면 Firebase 콘솔의 메인 대시보드로 다시 이동합니다.
  • 프로젝트를 열기위해 프로젝트를 클릭합니다.
  • 왼쪽 상단의 '설정' 아이콘으로 이동하여 '프로젝트 설정'을 클릭합니다.
  • '일반' 탭에서 아래로 스크롤하여 프로젝트 ID를 찾습니다.
  • FlutterFlow로 돌아가 프로젝트를 엽니다.
  • '백엔드' 탭을 클릭하고 데이터베이스 섹션에서 'Firestore'를 선택합니다.
  • Firestore를 추가하려면 Firebase에서 프로젝트 ID를 복사하여 FlutterFlow의 프로젝트 ID 필드에 붙여 넣습니다.
  • Firestore 데이터베이스를 FlutterFlow 프로젝트에 추가한 후 앱이 온라인 및 오프라인 모두에서 작동하기를 원한다면 오프라인 사용을 활성화해야 합니다.

다섯 번째 단계: 앱 만들기 시작

Firestore 데이터베이스를 FlutterFlow에 성공적으로 연결한 후 앱은 이제 Firestore에 만든 컬렉션에서 데이터를 읽고 데이터를 쓸 수 있습니다.

  • 데이터베이스 쿼리는 FlutterFlow의 동작 시퀀스에서 데이터 탭에 생성됩니다.
  • 쿼리를 추가하려면 쿼리가 이루어질 동작(예: 버튼 클릭)을 선택하고 Action Sequence builder에서 '데이터'로 이동합니다.
  • Firestore Query 메소드를 선택한 다음 쿼리 속성을 작성합니다. '계속' 및 '핸들 컬렉션'을 클릭하여 Firebase 컬렉션을 처리하는 방법을 설정합니다.

이제 사용자 정의 데이터베이스가 설정되었으므로, 데이터 모델의 전체 기능과 함께 FlutterFlow 앱의 UI 및 로직을 설계하기 시작할 수 있습니다.

기억해주십시오, 제공된 단계는 자세한 지침을 제공하지만, 사용자 정의 데이터베이스를 구조화하고 구축하는 데 실제로 취해야 하는 접근 방식은 개발하려는 어플리케이션의 유형에 크게 의존합니다. 따라서 데이터베이스를 구축하는 동안 항상 앱의 사용자 요구 사항 및 비즈니스 목표를 염두에 두어야 합니다.

더 유용한 노코드 리소스 살펴보기

No-Code Tools Reviews

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.

Explore

WeWeb Tutorials

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.

Explore

No-Code Tools Comparison

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.

Explore

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences