디자이너(비개발자)의 Firebase 셋업 ✦ 총 5편

안녕하세요! ARCOA 지안입니다. 👋

지난 글에서 Firebase를 선택한 이유를 공유했는데요, 이제 본격적으로 Firebase 셋업 5편을 통해 설명해 보겠습니다.

 

개발자 없이도 앱을 만들 수 있을까?

 

저도 처음엔 막막했습니다. 하지만 직접 하나하나 진행해보니, Firebase는 비개발자도 단계별로 따라 하면 충분히 세팅할 수 있는 구조였어요. 디자이너 관점에서 Firebase를 가장 빠르고 안전하게 세팅하는 방법을 정리했습니다.

 

 

 

1/ 이 시리즈로 얻을 수 있는 것

✅ Firebase Console 기본기

프로젝트 생성, Blaze 플랜, 결제/예산 세팅

 

✅ Google Authentication 셋업

로그인 구축 + FlutterFlow 연동 준비까지

 

✅ 비개발자도 이해할 수 있는 언어로 구성

막힐 수 있는 포인트, “왜 이걸 해야 하는가”를 중심으로 설명

 

📌 Firestore, Storage 상세설정 및 업로드/보안 등은 별도 시리즈로 만날 수 있어요!

 

 

 

2/ 디자이너의 Firebase 셋업 5편

#1 ✦ Firebase 프로젝트 생성

Firebase 프로젝트 생성 ✦ Firebase 셋업 #1

 

#2 ✦ Blaze 요금제 완전 가이드

Blaze 요금제 완전 가이드 ✦ Firebase 셋업 #2

 

#3 ✦ Google Authentication 로그인 연결

Google Authentication 로그인 연결 ✦ Firebase 셋업 #3

 

#4 ✦ Google Auth FlutterFlow 연동 준비

Google Auth FlutterFlow 연동 준비 ✦ Firebase 셋업 #5

 

#5 ✦ Apple Authentication 로그인 연결

Apple Authentication 로그인 연결 ✦ Firebase 셋업 #5

 

 

 

3/ 이 시리즈가 특별한 이유

1️⃣ 디자이너의 언어로 설명

개발자에게 당연한 개념도 “왜 필요한지”부터 설명해요.

 

2️⃣ 스크린샷 중심의 따라 하기 흐름

어디를 클릭해야 하는지 직관적으로 확인 가능해요.

 

3️⃣ 범용 예제 기반

users, posts 등 어떤 앱에도 적용 가능한 기본 구조로 설명합니다.

 

4️⃣ 실전 기반 노하우

처음 Firebase를 만지며 헷갈렸던 지점들을 그대로 담았어요.

• "프로젝트 생성 때 꼭 챙겨야 할 세팅은?"
• "Blaze 플랜(유료 플랜) 업그레이드, 왜 할까?"
• "예산 알림, 결제 걱정 없이 설정하는 법!"
• "Google 인증(로그인) 연동, 막히는 포인트 한 번에 해결하기"

 

 

 

4/ 준비물

• Google 계정 (Firebase 가입용)
• Firebase 계정 (Blaze 플랜 권장 - 신용카드 등록 필요)
• FlutterFlow 계정 (선택 사항, 연동 원할 시)
• 여유로운 마음 (처음엔 헷갈려도 괜찮아요!)
• 하루 1시간 (읽기 20분, 실습 40분)

 

 

5/ 함께 읽으면 좋은 글

📌 비개발자를 위한 노코드 DB 설계 ✦ 총 5편

비개발자를 위한 노코드 DB 설계 ✦ 총 5편

 

📌 디자이너(비개발자)를 위한 Firestore 셋업 ✦ 총 5편

디자이너(비개발자)를 위한 Firestore 셋업 ✦ 총 5편

 

📌 디자이너(비개발자)를 위한 Storage 셋업 ✦ 총 2편

디자이너(비개발자)를 위한 Storage 셋업 ✦ 총 2편

 

 

 

다음 글

✦ 디자이너(비개발자)의 Firebase 셋업

├ 1 ✦ Firebase 프로젝트 생성
├ 2 ✦ Blaze 요금제 완전 가이드
├ 3 ✦ Google Authentication 로그인 연결

├ 4 ✦ Google Auth FlutterFlow 연동 준비
└ 5 ✦ Apple Authentication 로그인 연결

 

다음은 Firebase Console에서 프로젝트를 생성해 봅니다 ✦

Firebase 프로젝트 생성 ✦ Firebase 셋업 #1