본문 바로가기 메뉴 바로가기

망고

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

망고

검색하기 폼
  • 분류 전체보기 (93)
    • 회고 (9)
    • CS (13)
      • OS (2)
      • Network (8)
    • 알고리즘 (10)
      • 개념정리 (5)
      • 프로그래머스 (5)
    • 스터디 (13)
      • 면접 스터디 (2)
      • 자바스크립트딥다이브 (11)
    • WEB (37)
      • HTML&CSS (3)
      • Vue.js (12)
      • Javascript (12)
      • Nuxt.js (3)
      • React.js (7)
    • APP (2)
      • React Native (2)
    • 기타 (8)
    • 취미 (1)
  • 방명록

JWT토큰 (1)
JWT의 개념, 프론트엔드에서 해야 할 일

JWT를 통한 인증 절차1.[프론트엔드] ID와 비밀번호를 준다.2.[백엔드] ID와 비밀번호를 검증하고 AccessToken과 RefreshToken, AccessToken의 만료시간을 반환해준다. 이 때 생성한 RefreshToken은 DB에 {ID,RefreshToken}으로 저장한다.3.[프론트엔드] 반환받은 AccessToken을 매 api 호출마다 헤더에 붙여서 전송한다.4.[백엔드] api 호출시 헤더의 AccessToken을 확인하고 유효한지, 만료기간이 지났는지를 체크 후 api를 동작시킨다.5.[프론트엔드] AccessToken의 만료기간이 지나거나, 30초 미만으로 남았다면, 백엔드에 RefreshToken을 붙여 Reissue요청을 보낸다.6.[백엔드]Reissue 요청이 들어올 경..

기타 2022. 8. 22. 18:28
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • 👻 github
  • ✏️ 공부 기록
TAG
  • 개발자
  • 레포지토리패턴
  • Vue.js
  • eventListner
  • http
  • JWT토큰
  • 로그인 인증
  • vite
  • 디자인시스템
  • 더미데이터
  • 결제기능
  • 항해솔직후기
  • 구름톤
  • store.js
  • 이벤트리스너
  • 프로덕트설계
  • 항해플러스후기
  • React18v
  • 항해플러스프론트엔드
  • 회고
  • Repository pattern
  • props
  • 그림으로 이해하는 시스템 설계
  • vue.js3
  • 시스템설계
  • 알고리즘
  • focus와blur
  • event종류
  • react
  • vue3
more
«   2025/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바