소셜 로그인 키는 어디서 받아서 어디에 넣나요?

세 곳 모두 각자의 개발자 콘솔에서 앱을 만들고 키를 발급받아 설정 → 소셜 로그인 에 넣으시면 돼요. 요구하는 키의 종류가 제공자마다 달라요.

카카오 — REST API 키예요

⚠ 카카오 개발자 콘솔의 앱 키 화면에는 여러 키가 나란히 있는데, 넣어야 하는 것은 REST API 키예요. JavaScript 키가 아니에요. 로그인 이동과 토큰 발급에 같은 키를 써요.

Client Secret 도 넣어 주세요. 카카오 디벨로퍼스에서 새로 만든 REST API 키는 클라이언트 시크릿이 기본으로 켜져 있어서, 비워 두면 로그인이 실패해요. 콘솔에서 직접 끈 경우에만 비워 두세요. 그리고 같은 화면(앱 → 플랫폼 키 → REST API 키)의 카카오 로그인 리다이렉트 URI 에 {스토어주소}/auth/callback/kakao 를 등록해야 해요.

네이버 — Client ID 만

네이버는 브라우저가 토큰을 직접 받아 오는 방식이라 Client Secret 을 쓰지 않아요. Client ID 만 넣으시고, 네이버 개발자 센터의 Callback URL 에 {스토어주소}/auth/callback/naver 를 등록하세요.

구글 — Client ID 만, 콜백 주소는 없어요

구글 로그인은 팝업으로 열려 리디렉션 주소 자체가 없어요. Client ID 만 넣으시고, 구글 클라우드 콘솔에서는 Redirect URI 가 아니라 “승인된 JavaScript 원본” 에 스토어 주소를 등록하세요. 여기에도 Client Secret 은 쓰지 않아요.

먼저 발행해야 등록할 주소가 생겨요

위 등록 주소는 모두 스토어 주소를 바탕으로 만들어져요. 아직 발행하지 않았다면 주소가 없어 콘솔에 넣을 값도 나오지 않으니, 발행을 먼저 하세요. 키를 저장한 제공자만 손님 로그인 화면에 버튼으로 나오고, 하나도 없으면 이메일 로그인만 보여요.

연결 해제는 잠시 끄는 스위치가 아니에요

연결을 해제하면 저장돼 있던 키와 시크릿이 함께 사라져요. 다시 쓰려면 콘솔에서 값을 가져와 처음부터 다시 넣어야 하니, 잠깐 감추려는 용도로는 쓰지 마세요.