Realtime database 공식문서

Read and Write Data on the Web | Firebase Realtime Database

Firebase.child failed: First argument was an invalid path 경로 error 해결 방법

Firebase.child failed: First argument was an invalid path

Permission denied in Firebase Realtime Database error 해결 방법

Permission denied in Firebase Realtime Database Quickstart project · Issue #239 · firebase/quickstart-js

너무 어려웠지만.. 해결 완료했다. 이제 정리를 해야쥐~

firebase 실시간 데이터베이스를 이용해보자!

firebase 콘솔로 돌아와, 서비스를 이용할 해당 프로젝트로 이동한 뒤 Realtime database 메뉴로 이동한다. 그리고 Create Database를 클릭하여 새로운 Database를 생성한다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/4c737676-0041-490d-8a51-b904033f6424/Untitled.png

이번에는 프라이빗 모드로 Database를 만들지 않을 예정이기 때문에, 빠르게 테스트 할 수 있는 Test 모드로 선택하여 생성하였다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/32431ddb-8530-4c78-9d44-ba6b15f81560/Untitled.png

생성된 Realtime Data를 확인할 수 있다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/23503fc0-4dec-4404-842f-5eb69663919d/Untitled.png

로그인한 사용자에 따라 cards를 저장할 예정이므로, 로그인한 사용자의 ID에 맞게 해당하는 cards를 저장하는 형태가 될 것이다.

이제 Database를 사용할 것이기 때문에, 이전에 MainBoard Component에서 Mock Data로 관리하던 테스팅용 Data를 삭제해주었다. 그리고 이전의 API를 관리하던 것처럼, service 폴더에 저장 서비스만 담당할 CardRepository Component 파일을 생성해주었다. 이제 이 파일 안에서 card를 저장하고 card의 정보를 받아오는 실시간 데이터베이스 서비스를 받아오는 역할만 수행할 것이다.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f33ea3e5-beca-4835-8201-9916560fec9e/Untitled.png