728x90
반응형
OAuth 2.0이란 Provider 의 로그인을 위임하는 것!
Client 에서 Provider 의 로그인을 Provider 가 대신 하고,
성공하면 code를 Backend 에 전달한다.
그걸 가지고 상시조회 할 수 있는 accessToken을 받아서,
사용자의 정보를 조회한다.
소셜 로그인 OAuth 2.0 흐름 (A안: DB 없이 인증만)
Frontend (React/Vue)
Backend (Node.js/Express)
OAuth Provider (Google/Kakao)
User

① 구글 로그인 해줘
② 구글 니가 대신 해
③ 나 구글인데, 로그인 정보 넣어
④ 응. 로그인 성공. 여기 Code
⑤ 나 앞으로 사용자 정보 조회하게 AccessToken 줘. 여기 Code!
⑥ AccessToken으로 사용자 정보 조회해줘
⑦ 아~ 너 토미였구나! 방가워
Console Output (A안: DB 없이 확인만)
받아온 사용자 정보: { id: "108234567890123456789", email: "user@gmail.com", name: "홍길동", provider: "google" }
728x90
'Tech Notes' 카테고리의 다른 글
| PostgreSQL 기반 클라우드 DB 완벽 가이드 (0) | 2025.10.06 |
|---|---|
| NoSQL이 좋다던데 우리 프로젝트에도 써야 할까요? (1) | 2025.10.06 |
| 보일러 플레이트란? (0) | 2025.10.03 |
| 개발자라면 꼭 알아야 할 개행 문자 이야기 (0) | 2025.09.29 |
| HTTP 에러 코드 정리 (0) | 2025.09.25 |