안녕하세요 RealTime Database를 React Native에서 사용하는 방법들에 대한 글입니다.

- 소개된 방법은 전부 아래 라이브러리를 사용해서 개발했습니다.

"@react-native-firebase/app": "13.1.1",
"@react-native-firebase/database": "13.1.1"

RNFirebase.io 라이브러리 vs Firebase 라이브러리 둘 중 아무거나 써도 되는데 써봤을 때 편하고 좋은건 전자인듯

npx create react native한 뒤 초기 세팅 기준임.

기본 사용법은 아래와 같음

import database from '@react-native-firebase/database'
const reference = database().ref('/users/123');

1. const App안에 const reference = database().ref('/users/123'); 선언

1. 위 코드처럼 작성하면 콘솔로 찍어봤을 때 데이터는 들어가고 읽히는데 아래 화면에서 도통 보이지 않음

2. RealTime DB 주소 직접 입력

import { firebase } from '@react-native-firebase/database'
const reference = firebase
.app()
.database('https://{databaseName}{region}.firebasedatabase.app/')
.ref('/users/123');

이런식으로 쓰니까 위 화면에서도 보이고 잘 됨

3. 그러면 reference를 어디다 선언할거냐?

1. const App안에 쓰고 db관련 input, update, read .. 함수들은 const App 밖에 선언하고 reference를 매개변수로 전달하기

DBInput_3 함수는 const app밖에 선언됨.

2. 전역으로 reference 선언 후 input,update,read...등등 함수에서 사용하기

DBInput_4 함수도 const app밖에 선언됨.

전체 코드

글을 처음써봐서 조금 난잡하네요 ! 다음엔 좀더 다듬어서 올게요