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

TIL

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

TIL

검색하기 폼
  • 분류 전체보기 (113)
    • TIL (56)
    • 내가 쓸 유용한 잡지식 (18)
    • Error (15)
    • Programmers (6)
    • 프론트앤드 면접 준비 (2)
    • Boundary-Intern( Next.js & .. (2)
    • GitHub 잡지식 (5)
    • Next.js (1)
  • 방명록

2024/05/21 (1)
jwt 토큰 사용하기

Nextjs 사용자가 소셜 로그인 버튼을 클릭하면 인가코드를 받아서 백앤드에게 전송한다.그리고 나는 백앤드로부터 회원가입이 되어있는 사용자라면 응답으로 accessToken을 받게 된다.  여기서 응답값으로 받은 accessToken은 jwt형태로 받게 된다.  그럼 하루종일 땅파서 드디어.. 하핫..정리해보자. 1. 응답값으로 받은 토큰을 axios를 이용해 디코딩 하는 서버단에 전달해주어야한다.2. jsonwebtoken 라이브러리를 이용해 jwt를 디코딩하고 내용물을 추출해야한다. 3. api 핸들러를 이용해 클라이언트 요청을 받아 jsonwebtoken 에 전달해 jwt를 추출할 수 있도록 해준다.1. axios로 sever(nextjs)에 값 전달하기.>> src/app/api/decodedAx..

TIL 2024. 5. 21. 18:15
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • readme작성해보기
  • git cache
  • readme 작성해야 하는 이유
  • axios CRUD
  • readme 작성 방법
  • axios instance 작성하기
  • 별점 색채우기
  • 영화 별점
  • readme 역할
  • 유효성검사 css
  • Warning: A component is changing an uncontrolled input to be controlled.
  • axiosinstance 사용 시 토큰 사용 법
  • 영화별점만들기
  • styled component GlobalStyle 사용방법
  • styled component 사용방법
  • 별점만들기
  • Warning: validateDOMNesting(...): <li> cannot appear as a descendant of <li>
  • axios 사용하기
  • 에러모음집
  • styled component 설치방법
  • 유효성검사
  • Fetch와 Axios 의 장단점
  • simple Icon 사용방법
  • styled component 조건부 사용방법
  • Warning: Each child in a list should have a unique "key" prop.
  • readme 이미지 추가 방법
  • nextjs 토큰 만료처리하기
  • axios 설치하기
more
«   2024/05   »
일 월 화 수 목 금 토
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 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바