[TIL] 내일배움캠프 React 과정 2023.02.11

Today I Learned

• Firebase Authentication으로 구글, 페이스북 로그인 구현하기

 

---

Firebase Authentication Facebook 연결하기

Mata for Developers에 앱을 생성해서 firebase authentication가 연결을 했는데도 "URL을 읽어 들일 수 없습니다"라는 에러가 발생했다. 검색해 보니 firebase 정책 상 https만 지원하는데 개발 단계에서는 http://localhost:3000/를 사용해서 발생한 문제 같았다.

 

테스트 앱을 추가로 생성하면 localhost에서도 작업할 수 있다길래 기존에 생성한 앱과 연결된 테스트 앱을 만들었다. 이때 주의할 점은 firebase authentication에서 앱 ID와 비밀번호를 테스트 앱 정보로 다시 수정해줘야 한다는 것! 테스트 앱으로 연결하니 페이스북 로그인이 문제없이 잘 작동하는 것을 확인했다.

 

그리고 또 한 가지 주의할 점은 firebase 이미지 하단에서 생성된 링크를 mata for developers 해당 앱의 설정 페이지에서 "유효한 OAuth 리디렉션 URL"에 넣어줘야 한다는 것이다.

 

 

참고 링크

https://jsikim1.tistory.com/114

https://menubar.io/firebase-facebook-login-react

https://yoyostudy.tistory.com/44

---

회고

뭔가... 내 코딩 실력에 발전이 없는 듯한 생각이 든다. 약간 낙담할 뻔했지만 결국 오늘이 끝나기 전에 페이스북 로그인에 성공해서 다행이다. 내일은 카카오랑 네이버까지 도전!! 처음부터 모든 걸 완벽하게 구현하려고 하지 말고 기초부터 차근차근 해봐야겠다. 조그만 것들에서 성취감 느끼고 자신감을 되찾아야지!🥳