Supabase + 카카오 로그인 연동

React + Supabase 환경 기준임.

코드

const { error } = await supabase.auth.signInWithOAuth({
  provider: 'kakao',
  options: {
    redirectTo: `${window.location.origin}/login`,
  },
})

에러 1. Unsupported provider

Supabase 대시보드에서 카카오 Enable만 켜고 키를 입력 안 한 경우.

카카오 디벨로퍼스 → 플랫폼 키

• REST API 키 → Supabase Client ID
• 보안 → 클라이언트 시크릿 코드 → Supabase Client Secret

에러 2. KOE205

카카오 디벨로퍼스 → 카카오 로그인 → 동의항목에서 닉네임, 프로필 사진을 활성화해야 한다.

에러 3. KOE205 (이메일)

동의항목 설정 후에도 account_email로 막힌다.

Supabase가 카카오 요청에 account_email scope를 자동으로 포함시킨다. 코드에서 scope를 직접 지정해도 무시된다.

이메일 권한은 비즈 앱에서만 설정 가능하다.

• 앱 -> 제품 설정 -> 비즈니스 인증 에서 비즈앱 전환 가능

비즈 앱 전환

사업자 없어도 개인으로 전환 가능하다.

1. 앱 아이콘 등록
2. 앱 → 일반 → 카카오비즈니스 계정 통합 (본인인증)
3. 비즈 앱 전환
4. 동의항목 → 카카오계정(이메일) → 선택 동의

체크리스트

카카오 디벨로퍼스

• Web 플랫폼 도메인 등록
• 카카오 로그인 활성화
• Redirect URI: https://{프로젝트ID}.supabase.co/auth/v1/callback
• 동의항목: 닉네임, 프로필 사진, 이메일
• 비즈 앱 전환

Supabase

• Kakao Enable
• Client ID, Client Secret 입력