3. 파이어베이스 (Firebase) 연동하기

https://firebase.google.com/?hl=ko 

Firebase | Google’s Mobile and Web App Development Platform

https://velog.io/@ddowoo/react-native-firebase-%EC%97%B0%EB%8F%99

react native firebase 연동

https://velog.io/@chloedev/React-native%EB%A6%AC%EC%95%A1%ED%8A%B8-%EB%84%A4%EC%9D%B4%ED%8B%B0%EB%B8%8C%EC%99%80-Firebase-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0

[React-native]리액트 네이티브와 Firebase 연동하기

https://devbksheen.tistory.com/entry/React-Native-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-Firebase-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0

React Native 프로젝트에 Firebase 연동하기

 

파이어베이스 콘솔로 이동하기

파이어베이스 콘솔

파이어베이스 콘솔에서 프로젝트 추가하기

안드로이드앱 등록하기

일반적으로 패키지 이름은 앱 수준 build.gradle 파일의 applicationId입니다.

패키지 이름은 프로젝트 경로에서 android > app > build.gradle 파일을 찾아서 입력해준다. 

앱 등록하기 - google-service.json 파일 다운로드하기

앱 등록하기

앱수준 build.gradle 이 위치하는 android > app 폴더에 다운로드 받은 파일을 추가한다.

google-service.json 파일 추가하기

 

Firebase SDK 추가하기

https://firebase.google.com/docs/android/troubleshooting-faq?hl=ko&authuser=0&_gl=1*fzyzar*_ga*MTcyMjM5NjQ0OC4xNjk0NjY5MTMz*_ga_CW55HF8NVT*MTY5NDY3NzI2Mi4yLjEuMTY5NDY3ODgzNS4wLjAuMA..#add-plugins-using-buildscript-syntax 

Android와 Firebase의 문제 해결 및 FAQ  |  Firebase for Android

 

프로젝트 수준 build.gradle (android > build.gradle) 에 Firebase SDK 를 추가한다. 콜론과 점을 잘 구분해서 작성하도록 한다.

프로젝트 수준 build.gradle 파일에 Firebase SDK 추가하기

앱수준 build.gradle (android > app)에 아래와 같이 google-services 플러그인을 추가한다. 

google-services 플러그인 추가하기

앱수준 build.gradle (android > app)에 아래와 같이 Firebase SDK 를 추가한다.

Firebase SDK 추가하기

안드로이드 스튜디오를 열어서 해당 프로젝트를 연다음에 우측 상단의 Sync Now 버튼을 클릭하여 생성한 안드로이드 앱을 Gradle 파일과 동기화환다. Sync Now 버튼이 보이지 않으면 ctrl + alt + y 키로 동기화를 진행한다. 

 

리액트 네이티브에서 파이어베이스를 사용하기 위한 모듈을 설치해준다.

파이어베이스 모듈 설치하기

npm install @react-native-firebase/auth @react-native-firebase/firestore @react-native-firebase/storage

회원인증/데이터베이스/이미지 업로드를 위한 모듈도 설치한다.