22.07.18_TIL

📌 오늘은 웹 페이지를 생성할 때 사용자들의 로그인을 쉽게 해주는 SNS 로그인 기능에 대해서 학습을 하는 날이다.

📗 오늘 학습한 내용

소셜 로그인 로직 플로우

1. 사용자가 로그인 요청을 보낸다.
2. SNS Auth서버에서 권한 허락 문구를 화면에 출력한다.
3. Authorization code를 클라이언트에 전달한다.
   • Authorization code: 액세스 토큰을 발급받기 위한 Code
4. 클라이언트에서 웹 서버로 Authorization code를 전달한다.
5. 웹 서버에서 SNS Auth서버로 Access token을 요청한다.
   •  Access token: 보호된 리소스에 액세스하는데 사용되는 인증 토큰
6. SNS Auth서버에서 웹 서버로 Access token을 전달한다.
7. 웹 서버에서 Access token을 클라이언트로 전달하여 로그인 처리를 한다.
8. 로그인이 완료되면 Access token을 웹 서버로 전달하여 SNS Resource 서버에서 유저정보를 요청한다.
   • Resource server: 액세스 토큰을 발급받는 인증서버
9. 받아온 유저정보를 클라이언트에 전달하여 로그인한 유저의 정보를 화면에 출력한다.

📘 추가로 공부할 내용

[udemy] React 완벽 가이드 강의 보기 (매일 조금씩 이라도 꾸준히 듣기)

각종 SNS 로그인 로직 학습하기

📝 중요한 내용

• OAuth의 작동방식
• Authentication과 Authorization의 차이
• Authorizaion Code와 Access Token의 차이
• Authorizaion 서버와 Resource 서버의 차이
• 카카오 로그인 로직 
  • https://developers.kakao.com/docs/latest/ko/kakaologin/rest-api#before-you-begin