분류 전체보기23 비개발자를 위한 노코드 DB 설계 ✦ 총 5편 안녕하세요! ARCOA 지안입니다. 👋 지금부터 비개발자(디자이너)에게 꼭 필요한 노코드 DB 설계에 대한 이야기를 총 5편으로 진행하겠습니다. 가장 기본적인 개념부터 예시까지 함께 읽으면서 왜 DB를 알아야 하는지 살펴봅시다. 디자이너가 DB까지 해요? 네, 했습니다. 그리고 이건 제 앱 개발에서 가장 중요한 전환점이었어요. 화면을 아무리 예쁘게 만들어도, 데이터 구조가 엉망이면 앱은 제대로 동작하지 않았거든요. 사용자가 남긴 기록이 어디에 저장되는지, 어떤 기준으로 다시 불러오는지, 이것을 이해하고 나서야 비로소 "경험을 설계한다"는 말이 진짜가 됐습니다. 그래서 이 시리즈는, “코드를 모르는 디자이너가 어떻게 데이터를 사고하고 설계하는가” 그 실전 경험을 담았습니다. 1/ 이 시리즈로 얻을 수.. 2025. 11. 24. 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. 디자이너가 Firebase를 선택한 이유 ✦ ft. Supabase 안녕하세요! ARCOA 지안입니다. 👋이전 글에서 FlutterFlow(FF)와 Firebase(Fb) 기반의 노코드 앱 개발에 도전한다고 말씀드렸는데요. 본격적인 세팅에 들어가기 전에, 많은 분이 궁금해하시는 "왜 Firebase인가?"에 대한 이야기를 먼저 나누려고 합니다. 스타트업은 Supabase,Firebase는 비싸다 처음 찾아본 정보들은 위와 같이 요약할 수 있었습니다. 특히 개발자 커뮤니티에서는 Supabase의 SQL 기반 구조와 오픈소스 철학을 높이 평가하더군요. 그래서 저도 자연스럽게 Supabase를 먼저 고려했지만, Firebase를 선택했습니다. 1/ Firebase vs Supabase. 디자이너 관점저는 MVP(Minimum Viable Product)를 빠르게 만들고.. 2025. 11. 15. 디자이너의 노코드 앱개발 일기 ✦ 안녕하세요 🤗 15년 차 프로덕트(UX/UI) 디자이너이자 ARCOA(아르코아)의 Founder 지안입니다. 그동안 여러 디지털 제품을 기획하고 디자인했지만 바이브코딩을 경험하고 한 가지 생각이 더욱 강해졌습니다. 직접, 나의 제품을 만들고 싶다.웹 제품을 만드는 바이브코딩 툴은 정말 많지만, 저는 언제 어디서나 접근할 수 있고 사용자와 더 깊이 연결되는 “앱” 제품을 만들고 싶었습니다. 그래서 바이브코딩보다는 앱(Android/iOS) 개발을 위한 FlutterFlow(이하 FF)와 Firebase(이하 Fb) 기반의 노코드 개발을 도전하게 되었습니다.이 블로그는 제가 실제로 앱을 만들며 배우는 모든 과정과 시행착오, 해결책, 그리고 디자이너 관점의 실전 팁까지 모두 기록하려고 합니다. 단순 후기나 .. 2025. 11. 13. 이전 1 2 다음
