HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
RG 프로젝트
RG 프로젝트
/
카카오 Oauth 이해하기

카카오 Oauth 이해하기

로그인 시나리오1.시작 전 준비사항2. 인가코드받기3. 토큰 받기4. 토큰 정보 보기5. 토큰 정보 갱신6. 로그아웃

로그인 시나리오

[처음 접속한 유저]
  • 로그인btn (client) ⇒ 카카오 로그인 화면(외부kakao)⇒ 인가코드 포함 전달(redirect to client) ⇒ 🤔 server로 인가코드 전달 및 로그인 요청 (client)
  • 🤔 토큰 발급 요청 (server) ⇒ 🤔 토큰 유효성 검사(카카오 유저 정보)요청 (server) ⇒ 🤔 회원가입 후 토큰(혹은 토큰+유저정보) 내려주기
  • 토큰 확인 후 저장(client) ⇒ 토큰으로 유저정보 요청(client) ⇒ 토큰과 유저정보 전역 및 쿠키 저장(client) ⇒ 메인페이지 redirect
 
[로그인 Token 유효한 유저]
[로그인 Token 유효하지 않은 유저]
  • Client 에서 필요한 것
    • auth(token) ⇒ 토큰 유효성 확인
      • 매 페이지 접속 시
    • login
    • logout
[디테일 페이지에서 로그인 요청한 유저(adv)]
notion image
notion image

 
 

1.시작 전 준비사항

  • KaKao App 등록하기

2. 인가코드받기

3. 토큰 받기

4. 토큰 정보 보기

5. 토큰 정보 갱신

6. 로그아웃