🔥 Firebase Studio 기초 실습
Google Firebase를 활용한 실시간 데이터베이스 기초
🚀 Firebase Studio 설정 가이드
📋 설정 단계별 가이드
1Firebase Console 접속: console.firebase.google.com에 접속하여 Google 계정으로 로그인
2프로젝트 생성: "프로젝트 추가" 클릭 → 프로젝트 이름 입력 (예: "vibe-coding-practice")
3Firestore 설정: 왼쪽 메뉴에서 "Firestore Database" → "데이터베이스 만들기" → "테스트 모드에서 시작"
4웹 앱 추가: 프로젝트 설정 → "웹 앱 추가" → 앱 닉네임 입력 → 구성 정보 복사
5설정 적용: 구성 정보를 firebaseConfig에 붙여넣기
❌ Firebase 설정을 확인하세요
0
총 데이터 수
-
마지막 업데이트
-
연결 시간
📝 새 데이터 추가
📊 실시간 데이터 목록
📝 아직 데이터가 없습니다. 첫 번째 메모를 추가해보세요!
🎮 Firebase Studio 실습 제어판
🔍 Firebase Studio에서 확인하기:
- • Firebase Console → Firestore Database → 데이터 탭
- • 'memos' 컬렉션에서 실시간 데이터 변화 관찰
- • 직접 Firebase Studio에서 데이터 추가/수정/삭제 테스트
- • 보안 규칙과 인덱스 설정 경험
🎯 학습 진도 및 다음 단계
✅ 모듈 1 완료 체크리스트
- □ Firebase Console 프로젝트 생성
- □ Firestore 데이터베이스 설정
- □ 웹 앱 설정 및 firebaseConfig 적용
- □ 실시간 CRUD 작업 성공
- □ Firebase Studio에서 데이터 변화 확인
💡 다음 단계 미리보기:
모듈 2에서는 지금 배운 Firebase Studio 기초를 활용하여 실시간 방문자 통계가 포함된 개인 포트폴리오 홈페이지를 구축합니다.