oauth 로그인 이슈

[CheHyeonYeong]

안녕하세요 output 스터디 신청하셔서 둘러보던 중 현재 하고 계시는 프로젝트의 이슈가 발견되어 공유드립니다.

google 쪽 invalid_request 400 에러가 나는 것을 보아하니 잘못된 요청을 보내는 것 같아요
보통 http와 https 등의 오탈자가 있을 수 있으니 확인 부탁드립니다

[CheHyeonYeong]

이분 링크도 잘못되어 있어요 !! notion이 안들어가져요 !!

[HA-SEUNG-JEONG]

노션 링크 문제는 전달드리겠습니다.
구글 로그인은 다시 한 번 시도해보시고 네트워크 탭이나 콘솔에서 재현되는지 보여주시겠어요? 저희 팀 쪽에서는 문제 없는것으로 확인됩니다. @CheHyeonYeong

[CheHyeonYeong]

안녕하세요.

해당 프로젝트의 팀원이나 멘토가 아닌 외부인에게 재현 과정이나 네트워크/콘솔 확인을 요청하는 것은 적절하지 않은 요청이라고 판단합니다.
팀 내부에서 “문제 없는 것으로 확인되었다”는 판단은 외부인인 제 입장과는 무관하며, 배포된 환경에서 확인된 명확한 설정 이슈를 공유드린 것뿐입니다
단순 재현 여부 확인이라고 하셨지만, 네트워크 탭이나 콘솔 로그를 요청하는 시점에서 이미 디버깅을 전제로 한 요청에 해당합니다.
외부인에게 해당 수준의 확인을 요청하는 것은 요청 범위와 역할을 명확히 벗어납니다.

추가로, 카카오(소셜 로그인) 설정 역시 잘못되어 있는 것으로 보입니다.

첨부된 이미지 기준으로 OAuth 요청 URL에 client_id=undefined가 전달되고 있습니다.

예:
error?authError=...&client_id=undefined&flowName=GeneralOAuthFlow

이는 Google OAuth 요청 시 client_id가 정상적으로 설정되지 않아 인증이 실패하는 전형적인 설정 이슈입니다.

확인하셔야 할 사항은 아래와 같습니다.

1. 프론트엔드 환경변수 확인

   • .env 파일에 Google Client ID가 정상적으로 설정되어 있는지 확인

2. Vercel 배포 환경 변수 확인

   • 배포 환경(Vercel)에도 동일한 환경변수가 설정되어 있는지 확인

3. Google Cloud Console 설정 확인

   • OAuth 2.0 Client ID의 Authorized JavaScript origins 및 Redirect URI 설정

4. 코드 상 환경변수 사용 여부 확인

   • import.meta.env 등을 통해 client_id가 undefined로 전달되지 않는지 확인

[HA-SEUNG-JEONG]

저희가 버셀 이전 작업 중이라 세팅이 제대로 안된 것 같습니다. 불편을 끼쳐드린 점 죄송합니다.
https://www.zeroone.it.kr 로 접속 부탁드립니다.
@CheHyeonYeong