Firebase 연동하기

1. Firebase

개발자 블로거들을 보던중 프로그램좀비라는 블로거의 글을 많이 보게 되었다 😶 취미로 어플을 500개나 만든분인데 정말 대단하다고 느끼고 글중에 Firebase 라는걸 사용한걸 보았다.

너무 충격인게 Firebase를 쓰면 백엔드 서버 없이도 지원해주는 서버로 돌아간다는걸 알았다. 기본적인 로그인, 회원가입, 중복되는 로직들을 메소드로 지원해주는걸 알았다. 너무 충격.. 🤷‍♂️

백엔드 CRUD를 작성하는 것도 재밌지만 서버 없이 한 번 써보자 라는 생각에 이전에 웹 프로젝트인 영어 단어 프로젝트를 하고 남는 시간에 서버없는 어플인 ToDoList 라는 어플을 apk까지만 뽑아서 핸드폰에 다운로드 받아놨던걸 한 번 기능을 추가로 해서 Firebase에 연결해보자는 생각이 들었다 🙄

2. Firebase와 react-native 연동

어차피 Firebase 프로젝트 생성하는건 구글링 해도 잘 나오고 나는 코딩애플 유튜버분꺼를 보고 따라해서 했다. 진짜 쉬우니까 프로젝트 생성 과정은 스킵하고 과정만 써보자 👏

3. 처음 expo 프로젝트 -> eject

처음에 expo 프로젝트를 expo eject 명령어를 통해 android 폴더를 생성하고 빌드를 해보았다. 근데 코틀린 컴파일이 계속 문제라고 한 3일을 헤맨 것 같다 .. 사실 아직도 이유를 모르겠다 .. eject 명령을 하고 android 폴더가 생성이 되는 순간부터 무한 빌드 오류가 떴다. 구글링 한 백만번 했는데 해결안됨 😭 그래서 다시 만들고 또 다시 만들고를 반복하다가 결국 선택한건 기본 프로젝트로 생성 후 typeScript를 javaScript 로 변환하고 코드 한줄 넣을때마다 빌드하면서 실패하면 이유를 찾고 넘어갔다. 이게 진짜 한 2틀 걸린듯

4. Firebase 프로젝트 셋팅

프로젝트 생성 시 웹앱은 기본적으로 주는 config 코드가 있지만 앱을 추가하는 경우는 google-service 파일과 build.graldle 설정들을 추가해줘야한다. 이게 근데 진짜 불편한게 expo는 reload도 편하고 모든게 빨랐다..

근데 안드로이드 스튜디오로 리액트 네이티브 명령만 쓰니까 너무 느렸다😐 그리고 build.gradle 수정하면 gradlew clean 해주고 빌드를 꼭 해줘야했는데 이게 진짜 오래 걸리면 10분도 걸려서 시간이 너무 날라갔다😢

5. Firebase 회원가입

시도시도시도.... 시도 하고 결국

결국 해결됐다 🚀🚀🚀🚀🚀 이제 기존에 있던 ToDoList 어플 좀 더 최적화하고 채팅 관련 기능 만들어서 해보자 새로운거 해보는게 확실히 재밌는 것 같다 ✈

빨리 끝내고 웹프로젝트로 다시 넘어가자 🐱‍🏍