TIL : firebase 도메인 연결오류

주말동안 파이어베이스로 프로젝트를 만든다고 강의를 테스트 하던 도중에
Authentication으로 이메일로그인, 구글로그인, Github로그인 기능을 추가하여, 로그인페이지를 만드는 작업을 시도해보았다.
이 때, 이메일로그인은 실행이되는데 구글로그인과 github로그인은 버튼을 눌렀을 때, 팝업창이 뜨자마자 닫히는 오류가 발생했다.

error: FirebaseError: Firebase: Error (auth/unauthorized-domain).

위와 같은 오류로 팝업창이 닫혔다.
구글링해보니까 도메인이 승인이 안되어서 그런다고, 등록하면 된다고는 나왔는데, 정확히 어떤 도메인인지 모르겠어서 여러 시도들을 거치게 되었다.
예전에 사놓은 도메인을 연결해볼까하고 시도하다가 더 큰 오류가 생겨버리기도 하고, 혹시 이게 될까 하며 구글페이지도 연결해보고 정말 갖가지 방법을 다해본 것 같다. ( 일단 부딪히는 타입 )

그러다가 처음부터 다시 짚어보자며 파이어베이스로 소셜로그인기능을 구현하는 유튜브를 보게 되었는데, 내가 마주한 오류가 그대로 나오며 너무나도 간단하게 그 오류를 해결하는 방법을 찾게 되었다 😂

방법은 2가지였다.

1 ) liveserver로 열었을 때의 도메인인 '127.0.0.1' 부분을 'localhost'로 바꿔서 입력한다.
2 ) firebase > Authentication > Settings > 승인된 도메인 으로 들어가 '127.0.0.1'을 추가한다.

이렇게 했더니 그 뒤로는 거짓말처럼 팝업창이 정말 잘 열렸다.
도메인이라고 너무 어렵게 생각한 탓에 너무 멀리 돌아가긴 했지만, 그만큼 해결방법도 머리에 잘 남겨졌고 많은 공부가 되었던 것 같다.

그래도 오늘 하루종일 firebase에 부딪혀보니까 어제보다는 좀 익숙해진 느낌이다! 내일도 화이팅 !