불과 1년 전에 사용되었던 react-google-login 라이브러리와 많은 분들이 사용해서 올려주신
코드를 사용해봤는데
일단 아래 라이브러리부터 리액트 버전과 현재 설치하려는 라이브러리 버전을 맞춰 달라는 요구와 함께
깔리지 않아 –-force 옵션을 통해 강제로 깔도록 했습니다.
설치까지는 좋았으나 역시 로그인 을 시도하려니 뜨는 에러
해당 라이브러리는 사용하지 않는다는 details 의 문구가 눈에 띄는데 그래서
구글링을 해본 결과 스택 오버 플로우 사이트에서 원인과 해결법을 알게 되었습니다.
말 그대로 새로운 라이브러리를 사용해야 합니다.
아래처럼 설치 후
사용법에 따라 google api 설정 사이트에서
아래처럼 두 개 추가해주셔야 합니다!
또 GoogleAuthProvider안에 id 값을 넣어준 후 원하는 컴포넌트로 감싸줍니다.
위 코드를 작성 후 사용하시면
브라우저 콘솔창에 올바른 값을 받아온 암호화된 토큰을 받을 수 있는 걸 확인하실 수 있습니다.
참고 :
https://stackoverflow.com/questions/72186606/having-a-trouble-with-google-oauth2-cant-sign-up-with-google
https://www.npmjs.com/package/@react-oauth/google
