본문 바로가기

Firebase16

Apple Authentication 로그인 연결 ✦ Firebase 셋업 #5 안녕하세요! ARCOA 지안입니다. 👋지난 글에서 Firebase의 Google Authentication을 설정하고 Google 로그인 기능을 활성화했습니다. 이번 글에서는 Apple Authentication 연결을 진행하겠습니다.iOS 앱 출시 시 소셜 로그인을 제공하면 Apple 로그인은 필수입니다. Apple 로그인이 어렵다는 얘기 많은데, FlutterFlow 네이티브 앱이면 Google보다 쉽습니다. 단, Apple Developer 계정(연 $99)이 필요하고, 개인사업자는 앱스토어에 본명으로 표시됩니다.전체 소요 시간은 최대 15분입니다. 시작해볼까요? Step 1: Apple Developer 설정1-1. Apple Developer 접속https://developer.apple.. 2025. 12. 26.
파일의 문지기, Storage 보안 규칙 ✦ Storage 셋업 #2 안녕하세요! ARCOA 지안입니다. 👋 지난 글에서 Storage를 생성하고 첫 이미지를 업로드했죠. 프로덕션 모드로 시작했다면 지금은 모든 접근이 차단된 상태예요. Firestore와 마찬가지로, 프로덕션 모드의 기본 규칙은 "모두 차단"이에요. 앱이 이미지를 읽으려면 보안 규칙을 작성해야 합니다. 이번 글에서는:✦ Firestore와 Storage 규칙의 차이점✦ Storage만의 파일 크기/타입 제한✦ 폴더별 권한 설정 실습 만약, 보안 규칙이 처음이라면, DB의 문지기, 보안 규칙 작성 ✦ Firestore 셋업 #4을 먼저 시작해보세요! 소요 시간: 15분 ⏱️ Step 1. Storage 보안 규칙 접근1-1. Firestore vs Storage 규칙 차이점구조는 거의 같지만, Sto.. 2025. 12. 26.
Storage 설정과 첫 이미지 업로드 ✦ Storage 셋업 #1 안녕하세요! ARCOA 지안입니다. 👋 Firestore 셋업을 완료했다면, 서비스에 사용할 데이터는 준비되었을 거예요. 하지만 아직 한 가지가 남았죠. 이미지는 Firestore에 못 넣네? Firestore에 정보(이름, 수수료, 혜택)를 넣었다면, 이제는 이미지 파일을 저장할 차례입니다.Firestore와 Storage, 뭐가 다를까요?구분 Firestore Storage 저장텍스트, 숫자 (데이터)이미지, 동영상, PDF (파일)예시카드명:MyLife, 카드사:신한card_mylife.webp용도앱 로직, 검색, 필터링화면에 표시할 비주얼 콘텐츠 아래와 같이 비교할 수 있어요:Firestore = 엑셀 (데이터)Storage = 구글 드라이브 (파일)이번 글에서는 Firebase Storage.. 2025. 12. 21.
디자이너(비개발자)를 위한 Storage 셋업 ✦ 총 2편 안녕하세요! ARCOA 지안입니다. 👋 Firestore 셋업 시리즈를 완료하셨다면, 이제 카드(또는 본인의 주요 아이템) 데이터는 준비되었을 거예요. 그런데 한 가지 남았죠. 이미지는 어디에 저장하지? Firestore는 데이터(텍스트, 숫자)를 저장하는 곳이고, 이미지, 동영상 같은 파일은 Firebase Storage에 저장해야 합니다. ARCOA의 앱을 예로 들면:Firestore: 카드 이름, 수수료, 혜택 (데이터)Storage: 카드 이미지, 아이콘 (파일)이 둘이 연결되어야 앱이 완성됩니다.이번 시리즈는 단 2편으로 Firebase Storage를 빠르게 마스터합니다!시작해 봅시다 ✦ 1/ 이 시리즈로 얻을 수 있는 것✅ Firebase Storage 설정과 구조 이해Storage가 .. 2025. 12. 16.
한 번에 채우는 데이터 + FlutterFlow 활용 ✦ Firestore 셋업 #5 안녕하세요! ARCOA 지안입니다. 👋 지난 글에서 보안 규칙까지 완성했죠. 이제 Firestore 셋업의 마지막 단계, 대량 데이터 업로드입니다! 실제 데이터는 수백 개인데 어떡하지? #3에서 손으로 카드를 넣으면서 Firestore의 데이터 구조와 타입의 구분을 익혔다면, 이제는 엑셀 데이터를 한 번에 올리는 방법을 배울 차례예요.이번 글에서는:✦ Firestore 업로드 방법 3가지 비교 ✦ FlutterFlow Content Manager로 CSV 업로드 (가장 쉬움!) ✦ Firebase Console과 양방향 동기화 확인 소요 시간은 최대 15분입니다. 수백 개의 데이터를 클릭 몇 번으로 올려봅시다! 1/ Firestore 데이터 업로드 방법 3가지Firestore에 데이터를 넣는 방법.. 2025. 12. 11.
DB의 문지기, 보안 규칙 작성 ✦ Firestore 셋업 #4 안녕하세요! ARCOA 지안입니다. 👋 지난 글에서 card_master 컬렉션을 만들고 데이터를 넣었는데요, 지금 이 데이터는 누구나 읽고 쓸 수 있는 상태예요. 프로덕션 모드면 안전하지 않아? 프로덕션 모드의 기본 규칙은 "모두 차단"이에요. 하지만 앱이 데이터를 읽으려면 보안 규칙을 작성해야 합니다. 보안 규칙이 없으면:❌ 앱에서 내부 데이터를 읽을 수 없음 ❌ FlutterFlow에서 데이터 연동 실패 ❌ 테스트조차 불가능 이번 글에서는: ✦ 보안 규칙의 기본 구조 이해하기 ✦ Static 데이터(card_master) 권한 설정 ✦ Gemini AI로 쉽게 규칙 작성하기 ✦ 시뮬레이터로 테스트 후 배포 복잡해 보이지만, Gemini가 도와주니까 디자이너도 충분히 할 수 있어요 💪소요 시간은.. 2025. 12. 8.
첫 데이터 넣기: Static 컬렉션 실습 ✦ Firestore 셋업 #3 안녕하세요! ARCOA 지안입니다. 👋 지난 글에서 Firestore Database를 만들었다면, 이제는 실제로 데이터를 넣어볼 차례입니다. 컬렉션? 문서? 필드?엑셀 데이터를 어떻게 넣지? Firestore의 구조는 간단해요. ⭐ 컬렉션(폴더) → 문서(파일) → 필드(셀)이번 실습에서는:✦ card_master 컬렉션 만들기✦ 필드 유형(타입) 설정 (string, number, array 등)✦ 샘플 카드 데이터 입력하기실습을 위한 준비물:엑셀 또는 구글 시트로 정리한 카드 데이터최소 2~3개 카드 샘플 (card_id, card_name, card_type 등)준비되었다면, 손으로 직접 데이터를 넣어보면서 Firestore 입력 감각을 익혀봅시다 🚀 Step 1. 핵심 컬렉션 구조 설계.. 2025. 12. 5.
Database 만들기와 버전/위치/모드 선택 ✦ Firestore 셋업 #2 안녕하세요! ARCOA 지안입니다. 👋지난 글에서 Firestore의 6가지 핵심 개념을 정리했다면 이제는 실제로 데이터베이스를 만들 차례입니다.Firebase는 앱의 집이자 엔진이고, Firestore는 앱의 ‘기억’과 ‘관계’를 담는 데이터베이스입니다. 그냥 버튼 클릭이면 되지 않나요? 맞아요, 클릭 몇 번이면 끝나요. 하지만 처음 선택한 버전, 위치, 모드가 앱의 성능과 보안을 결정합니다. 특히, 위치(리전)은 생성 후 절대 변경 불가하고, 테스트 모드는 30일 후 자동 차단되는 위험이 있습니다.이 글에서는: ✦ Standard vs Enterprise 버전 선택 기준 ✦ 서울 vs 미국 리전, 어떻게 결정할까? ✦ 프로덕션 모드를 처음부터 써야 하는 이유 실습은 5분이면 끝나지만 선택의 의미를 .. 2025. 12. 4.
설계·타입·관계·보안규칙 기본 개념 ✦ Firestore 셋업 #1 안녕하세요! ARCOA 지안입니다. 👋 Firebase 셋업을 끝내고 Firestore를 열면, 이런 생각이 떠오를 수 있어요. “이제 뭘 만들어야 하지?” Firestore는 UI가 눈에 보이지 않아서 더 막막할 수 있어요. 실습은 생각보다 쉽습니다. 정말 어려운 건 개발적인 개념이 없어서 혼란스럽다는 것이예요. 그래서 본격적으로 데이터를 넣기 전에, Firestore에 핵심 설계 개념 6가지를 정리했습니다. 이 글을 읽어두면 다음 실습(#2~#5)을 훨씬 편하게 진행할 수 있어요. 1/ Static과 Dynamic 데이터 구분데이터 설계의 첫 번째 기준은 ‘변하는가, 변하지 않는가’입니다.꼭 구분하고 기억해야 합니다. Static Data 잘 안 바뀌는 데이터예) 카테고리, 등급/레벨, 안내문.. 2025. 12. 3.
디자이너(비개발자)를 위한 Firestore 셋업 ✦ 총 5편 안녕하세요! ARCOA 지안입니다. 👋 Firebase 셋업 시리즈에서 ‘앱의 뼈대’를 만들었다면, 이제 Firestore 시리즈에서는 앱이 실제로 움직이기 위한 데이터의 구조와 흐름을 설계합니다. 노코드 앱 개발을 하다 보면 화면보다 더 막히는 지점이 있어요. 바로 데이터 구조입니다.“이 데이터는 어디에 저장하지?”“무슨 타입으로 만들어야 하지?”“Static인지 Dynamic인지 어떻게 구분하지?”“업로드는 어떤 방식이 안전하지?”이 시리즈는 그런 궁금함을 디자이너의 언어로 풀어내고, 실제 Firestore로 구현되는 전체 순서를 따라가며 정리했습니다. Firestore를 왜 배워야 할까? Firebase가 앱의 인프라(집/엔진)라면, Firestore는 앱의 기억 · 관계 · 기록이 저장되는 곳.. 2025. 12. 2.
Google Auth FlutterFlow 연동 준비 ✦ Firebase 셋업 #4 안녕하세요, ARCOA의 지안입니다! 👋 지난 글에서 Firebase에서 Google Authentication을 설정하고 Google 로그인 기능을 활성화했습니다. 지금부터는 FlutterFlow와 연동하기 위한 Firebase 작업을 보너스 1편으로 진행하겠습니다. 소요 시간은 최대 10분입니다. 시작합시다! Step 1: FlutterFlow 편집자 추가1-1. Firebase 접속https://console.firebase.google.com에서 프로젝트 선택 1-2. FlutterFlow 편집자 추가왼쪽 메뉴의 톱니바퀴(⚙️) → (그림 1) ✦① 프로젝트 설정 → ✦② 사용자 및 권한 → ✦③ 구성원 추가 클릭 (그림 1) ✦④ 이메일 주소에 firebase@flutterflow.io 입.. 2025. 11. 21.
Google Authentication 로그인 연결 ✦ Firebase 셋업 #3 안녕하세요, ARCOA의 지안입니다! 👋 지난 포스트에서 프로젝트 생성과 Blaze 요금제 설정을 마쳤죠. 이번 글에서는 Authentication(인증 서비스) 셋업과 Google 로그인 활성화을 진행하겠습니다. Firebase Auth 설정은 최대 5분 소요됩니다. Authentication이란?Authentication은 사용자가 앱이나 웹 서비스에 로그인하거나 회원가입할 때 본인 인증을 처리하는 Firebase의 핵심 서비스입니다. 이메일, 전화번호, SNS 계정(Google, Apple, Facebook 등)으로 손쉽게 인증 로직을 구현할 수 있어요. Step 1: Firebase Authentication 접속1-1. Firebase 접속https://console.firebase.go.. 2025. 11. 20.
Blaze 요금제 완전 가이드 ✦ Firebase 셋업 #2 안녕하세요! ARCOA 지안입니다. 👋 지난 글에서 Firebase 프로젝트 생성과 기본 세팅 과정을 살펴봤습니다. 이번 2편에서는 Firebase Blaze(종량제 유료 플랜) 업그레이드, 결제카드 등록, 예산 설정까지 진행해 보겠습니다. 제 프로젝트는 모두 Blaze로 만들고 있습니다. 종량제 비용이 가장 걱정이었고, 그래서 꽤 꼼꼼하게 조사를 했습니다. 그 과정에서 알게 된 꿀팁도 함께 정리했습니다. 시작해볼까요? 5분이면 충분합니다. 왜 Blaze 업그레이드를 권장할까?구분Spark Blaze 비용무료종량제 (초과 시만 과금)무료 할당량제공Spark와 동일✅Firestore 테스트 모드30일 제한 ⚠️제한 없음 ✅Cloud Functions사용 불가사용 가능 ⭐FlutterFlow 고급 기능제한.. 2025. 11. 19.
Firebase 프로젝트 생성 ✦ Firebase 셋업 #1 안녕하세요! ARCOA 지안입니다. 👋 지난 글에서 Firebase 셋업의 목차와 계획을 공유했는데요, Firebase 셋업 첫번째 블로그입니다.Firebase Console에 접속해서 프로젝트를 생성하고, Google 애널리틱스 연동까지 진행하겠습니다.소요 시간은 최대 5분입니다. Step 1: Firebase Console 접속1-1. Firebase에서 Google 계정 로그인https://console.firebase.google.comGmail 계정으로 로그인처음 접속이면 Firebase 환영 화면 표시 Step 2: 프로젝트 만들기2-1. "프로젝트 추가" 버튼 클릭Firebase Console 화면의 '시작하기' 버튼 (그림 1) ✦① 클릭 2-2. 프로젝트 이름 입력(그림 2) ✦.. 2025. 11. 18.
디자이너(비개발자)의 Firebase 셋업 ✦ 총 5편 안녕하세요! ARCOA 지안입니다. 👋지난 글에서 Firebase를 선택한 이유를 공유했는데요, 이제 본격적으로 Firebase 셋업 5편을 통해 설명해 보겠습니다. 개발자 없이도 앱을 만들 수 있을까? 저도 처음엔 막막했습니다. 하지만 직접 하나하나 진행해보니, Firebase는 비개발자도 단계별로 따라 하면 충분히 세팅할 수 있는 구조였어요. 디자이너 관점에서 Firebase를 가장 빠르고 안전하게 세팅하는 방법을 정리했습니다. 1/ 이 시리즈로 얻을 수 있는 것✅ Firebase Console 기본기프로젝트 생성, Blaze 플랜, 결제/예산 세팅 ✅ Google Authentication 셋업로그인 구축 + FlutterFlow 연동 준비까지 ✅ 비개발자도 이해할 수 있는 언어로 구성막힐 수.. 2025. 11. 17.

티스토리툴바