채팅 어플리케이션을 만들기 위해 서버를 구현하지 않고 파이어베이스를 이용할 예정이다.
프로젝트 생성
새 프로젝트 만들기를 선택한다.
가운데 앱 추가 버튼을 눌러 웹을 선택한다.
책과 달라진 부분이 있어 아래 블로그를 참고하였다.
https://gamza1013.tistory.com/30
적당한 닉네입을 입력 후 앱 등록을 한다.
SDK 설정 및 등록에서 npm 방식을 이용한다.
npm install --save @react-native-firebase/app
npm install @react-native-firebase/database
npm install @react-native-firebase/firestorefirebase를 설치해준다.
이후 프로젝트 src/utils에 firebase.js 파일을 생성하고 SDK 설정 및 구성에 뜬 코드를 붙여넣어준다. 외부에 유출되지 않도록 조심한다.
Authentication
로그인 구현을 위해 인증 탭으로 이동한다. 형식은 이메일-비밀번호를 사용할 예정이다.
시작하기를 누르고 이메일-비밀번호 사용을 활성화해준다.
Firestore Database
앱에서 생성되는 데이터를 관리하기 위해 데이터베이스를 사용해야 한다. 이 프로젝트에서는 파이어베이스에서 제공하는 파이어스토어를 이용할 예정이다.
왼쪽 메뉴에서 빌드>Firestore Database를 선택한다
개인 프로젝트이므로 Standard버전을 사용했다.
자신의 지역과 가까운 곳을 선택하는 것이 좋다고 한다.
위와 같이 선택하고 만들기를 눌러주었다.
Storage
가입한 사용자의 사진을 저장하고 불러오는 기능을 구현하기 위해 스토리지를 사용해야 한다.
왼쪽 메뉴바에서 스토리지를 선택한다.
돈을 내야 한다고 한다... 무료 크레딧을 받을 수 있다고 하여 시도했다.
(찾아보니 1GB까지는 무료로 사용할 수 있다고 한다. 초과 사용 내역에 대해서 요금이 청구되어 결제 수단을 등록해야 한다. 아래처럼 무료 크레딧을 받지 않더라도 요금 지불 없이 사용할 수 있는 것이다! 미리 알았다면 하지 않았을 것이다. 혹시 모를 추가 요금에 대비하여 미리 받아둘지 말지는 자신의 선택 사항일 것 같다)
자세히 알아보기 클릭
Check if you’re eligible for the Free Trial. 클릭
결제 프로필을 등록하라고 해서 봤더니 내가 선택하지 않는 이상 자동으로 요금 청구는 되지 않는다고 명시되어있다. 아래 주소와 번호 등의 개인정보를 입력했다.
다음으로 넘겨 카드 정보도 등록하였다.
90일 무료 크레딧을 얻었다ㅜㅜ
내 결제 계정을 선택한다. (저 평가판 결제 계정이 뭐지 했는데 예전에 동아리에서 크레딧을 준다 하여 신청했던... 무언가인 것 같다. 5달러의 크레딧이 있다. 그냥 저거 쓸 걸!)
무료 크레딧을 300달러 받았으니 예산금액으로 300을 적어준다. 일정 수준으로 사용하면 메일을 준다고 한다. 내가 받은 300 크레딧이 이 결제 계정에 등록되어있는 것인지 궁금하다면 계정보기>크레딧을 확인해본다.
이후 프로덕션 모드를 선택하고 스토리지를 생성했다.
