Firebase4 [React] Firebase 연동 + CRUD (2) CRUD를 작성해보자. (여기에서는 Firebase v9 를 기준으로 합니다!) 1. Create 데이터를 저장하는 방법은 addDoc과 setDoc을 이용하는 2가지 방법이 있다. addDoc 과 setDoc의 차이 문서가 유의미한 ID인지 아닌지이다. addDoc을 사용하면 Cloud Firestore에서 자동으로 ID를 생성해준다. // 추가하고자 하는 데이터 const data = { ... }; // addDoc 예시 // feedbacks 컬렉션에 {randomID} document를 추가 const docRef = collection(fireStore, 'feedbacks'); await addDoc(docRef, data).then(() => { alert('등록되었습니다.'); handl.. 2023. 6. 16. [React] Firebase 연동 + CRUD (1) 작년에 진행했던 사이드 프로젝트의 API가 동작하지 않아 일부 기능을 Firebase로 변경하는 작업을 진행했다. React에서 Firebase 연동하는 방법에 대해 기록하고자 한다. 1. Firebase 프로젝트 생성 - 생성하러 가기 👉 https://console.firebase.google.com/ 2. 웹 앱에 Firebase 추가 - 생성한 firebase 프로젝트에서 웹 앱을 추가 3. Firebase SDK 추가 - 앱 등록 후 생성된 SDK 정보를 다른 곳에 저장 - 여기 👉 프로젝트 설정 > 일반 > 내 앱 > SDK 설정 및 구성 에서 확인 가능 4. React 프로젝트에서 Firebase 설치 $ npm install firebase // npm 사용시 $ yarn add fireb.. 2023. 6. 13. [Flutter] firebase 연동 : FlutterFire CLI 복잡한 과정없이 firebase 연동하기 FlutterFire 공식 Document : https://firebase.flutter.dev/docs/cli/ CLI | FlutterFire The FlutterFire CLI is a useful tool which provides commands to help ease the installation process firebase.flutter.dev 1. 프로젝트 firebase 계정 연결 $ firebase login:list // 연결되어있는 계정 확인 $ firebase login // 없으면 firebase 계정 로그인 2. firebase_core 추가 $ flutter pub add firebase_core 3. FlutterFire CLI .. 2022. 1. 17. [Flutter] firebase 연동 firebase 연동 방법을 검색하다 삽질을 팡팡할 것 같아 쓰는 글 : 미래의 나를 위해 iOS 1. firebase console -> project 생성 -> iOS 앱 등록 -> bundle ID 작성 -> 등록 1-1. bundle ID : Xcode -> 프로젝트 열기 -> Runner - General - Bundle Identifier (원하는 이름 변경 가능) 2. GoogleService-Info.plist 추가 2-1. Runner - Runner(folder) -> 오른쪽 마우스 -> Add Files to "Runner" -> 파일 선택 추가 (Copy items if needed 체크) 3. GoogleService-Info.plist -> REVERSED_CLIENT_ID 복사.. 2022. 1. 11. 이전 1 다음
