Firebase
1.[Firebase] 프로젝트 세팅하기
Firebase를 사용하기 위해 세팅하는 과정을 알아보겠다먼저 프로젝트를 추가해주자. 프로젝트 이름을 설정하고 google analytics 사용 여부에 대해 선택하면 된다.
2.[Firebase] Authentication 사용 세팅하기
먼저 Authentication을 사용하기 위해 시작하기 버튼을 누르고원하는 로그인 방법을 선택하면 된다. 나는 기본적인 이메일/비밀번호를 선택했다.
3.[Firebase] 이메일을 이용한 계정 생성 및 로그인하기 (createUserWithEmailAndPassword, signInWithEmailAndPassword)
createUserWithEmailAndPassword > createUserWithEmailAndPassword 함수는 Firebase Authentication 라이브러리에서 사용되는 함수로, 이메일과 비밀번호를 사용하여 새로운 사용자를 생성하는 데 사용된다.
4.[Firebase] 사용자 정보 업데이트하기 (updateProfile)
updateProfile은 Firebase Authentication에서 사용자 프로필 정보를 업데이트할 때 사용되는 메서드이다.
5.[Firebase] Cloud Firestore, Storage 사용 세팅하기 (getFirestore, getStorage)
Cloud Firestore은 noSQL 데이터베이스로 데이터의 실시간 처리를 위한 데이터 저장소를 제공한다. 먼저 Firebase에서 Cloud Firestore를 선택하고 데이터베이스 만들기를 클릭한다.
6.[Firebase] 코드로 Cloud Firestore에 데이터 추가하기, 업데이트하기 (collection, addDoc, updateDoc)
Cloud Firestore > Cloud Firestore는 Collection 과 Document라는 것으로 동작한다. collection은 폴더같은 개념으로 생각하면 되는데 collection 아래에 document를 생성할 수 있으며 document 안에 또 다
7.[Firebase] 코드로 Storage에 이미지 추가하고 Firesotre에 url 넣기 (ref, uploadBytes, getDownloadURL)
ref > ref는 Firebase database나 storage 등에 대한 참조를 만들 때 주로 사용된다. 첫번째 매개변수로 database나 storage를 넣어주고 두번째 매개변수로 파일의 경로를 넣는다.
8.[Firebase] Cloud Firestore에서 query로 데이터 가져오기 (query, getDocs, docs)
getDocs는 QuerySnapshot을 결과값으로 받음 query에서 반환된 각 문서 내부의 데이터를 console.log해줌
9.[Firebase] Firestore query 사용시 발생 에러 (The query requires an index..)
이처럼 쿼리를 작성하고 데이터를 가져오는 코드를 짰는데 왠걸 데이터를 전혀 불러오지 못하고 콘솔창에 에러메시지가 떠있다.이 에러메시지가 발생한 이유는 Firestore는 필터를 바로 제공하지 않기 때문이다.
10.[Firebase] Cloud Firestore, Storage 안의 데이터 삭제하기 (deleteDoc, deleteObject)
deleteDoc > deleteDoc 함수는 Firestore에서 document를 삭제하는 함수이며 인수로는 삭제할 document의 참조를 전달한다. document를 참조하기 위해서 doc 함수를 사용한다.