Firebase 승인 도메인 등록하는 법
구글 로그인 오류 해결하기

😤 코드는 맞는데 구글 로그인이 안 된다

Firebase 구글 로그인 코드를 다 붙여넣었다. 버튼도 만들었다. 클릭했더니 오류가 났다. 코드를 다시 봐도 틀린 곳이 없다. AI한테 물어봐도 코드는 맞다고 한다. 그런데 왜 안 될까.

대부분 이 경우의 원인은 Firebase 승인 도메인 등록이 빠진 것이다. 코드가 아니라 Firebase 설정 문제다. 도메인 하나만 추가하면 바로 해결된다.

🔒 왜 오류가 나나요?

Firebase는 보안상 등록된 도메인에서만 로그인을 허용한다. 누구나 Firebase 로그인 코드를 복사해서 아무 사이트에나 붙여넣을 수 있기 때문에, Firebase는 "이 도메인에서 오는 요청만 처리할게"라고 미리 허용 목록을 만들어두는 것이다.

처음 Firebase 프로젝트를 만들면 localhost와 Firebase 기본 도메인만 자동으로 등록된다. Netlify에 배포하거나 커스텀 도메인을 연결하면, 그 새 주소는 목록에 없으니 로그인이 막힌다. 새 도메인을 쓸 때마다 Firebase에 등록해야 한다.

🪜 등록 순서

Firebase 콘솔에서 직접 추가하면 된다. 어렵지 않다.

📋 등록해야 할 도메인 목록

내 사이트에서 사용하는 도메인을 전부 등록해두는 게 좋다. 하나라도 빠지면 그 주소에서 로그인이 안 된다.

🔄 등록 후에도 오류가 난다면

도메인을 추가했는데도 여전히 로그인이 안 된다면 브라우저 캐시 문제일 가능성이 높다. 브라우저가 이전의 오류 상태를 기억하고 있는 것이다.

💬 카카오 공유 버튼도 같은 원리다

Firebase만 이런 게 아니다. 카카오 SDK도 등록된 도메인에서만 작동한다. 카카오 공유 버튼을 만들었는데 새 도메인에서 갑자기 안 된다면 역시 도메인 등록 문제다.

카카오 개발자 센터에서 내 앱 → 플랫폼 → Web 플랫폼 등록 메뉴에서 사이트 도메인을 추가할 수 있다. Firebase와 마찬가지로 새 도메인을 쓸 때마다 추가해줘야 한다.

• Firebase 승인 도메인 → Firebase 콘솔 → Authentication → Settings
• 카카오 SDK 도메인 → 카카오 개발자 센터 → 내 앱 → 플랫폼 → Web
• 새 도메인 연결 후 두 곳 모두 확인하는 습관을 들이자

✅ 마무리 — 도메인 바뀔 때마다 꼭 확인하자

처음엔 왜 로그인이 안 되는지 이해하기 어렵다. 코드는 맞는데 오류가 나니까. 하지만 원인을 알고 나면 간단하다. 도메인 등록은 Firebase와 카카오 모두 필수다.

도메인이 바뀔 때마다 두 곳을 확인하는 걸 루틴으로 만들어두면 나중에 당황하지 않는다. Netlify 기본 도메인에서 커스텀 도메인으로 바꿨을 때, 서브도메인이 달라졌을 때 모두 해당된다.