• 구글 oauth 참고 링크

구글

1. install
   1. $ npm install @react-oauth/google@latest
2. **Consent Screen 들어가기**
3. 프로젝트 생성
   1. 이름은 아무거나
4. 정보들 기입
   1. 대상은 외부로 만들음
5. 목록에 APls &Services로 들어가서 OAuth consert screene들어가
6. 승인된 JavaScript 원본에 http://localhost:3000기입 하고 만들기
7. import { GoogleOAuthProvider } from '@react-oauth/google';

<GoogleOAuthProvider clientId="<your_client_id>">...</GoogleOAuthProvider>;

index.js에 기입하기 <React.StrictMode>보단 안쪽 app보단 밖에 넣어줘야함

8. "<your_client_id>”에는 6번에서 만들은 클라이언트 id넣으면 됨
9. 이런식

root.render(
  <React.StrictMode>
    <GoogleOAuthProvider clientId="1041839150103-su33946bi42tuebn6v0qtoa0r8jhhd4q.apps.googleusercontent.com">
      <App />
    </GoogleOAuthProvider>
  </React.StrictMode>
);

1. 이제 원하는 .js들어가서 밑에 기입하기

import { GoogleLogin } from '@react-oauth/google';
<GoogleLogin
  onSuccess={credentialResponse => {
    console.log(credentialResponse);
  }}
  onError={() => {
    console.log('Login Failed');
  }}
/>;

1. f12눌러서 object열어보면 credential: 뒤에있는 “부터 복사하기

• object

1. jwt.io들어가서 encoded에 불러넣기
2. npmjs.com/package/jwt-decode참고하면서 npm i jwt-decode 하기