목록nextjs jwt 관리 (1)

체인의정석

Next.js) 프론트엔드에서의 JWT 관리

1. JWT 저장 위치JWT는 로컬 스토리지, 세션 스토리지에 사용이 가능한데 세션 스토리지에 사용하는 것이 주기가 더 짧음개발자 도구의 Applicaion에 들어가면 세션 스토리지에 발급된 jwt를 확인할 수 있다.2. 로그인시 JWT 발급백엔드에 JWT에 대한 검증 로직 및 각 API에서 JWT의 role을 보고 처리하는 로직을 만들어 준다.그러나 프론트엔드에서도 jwt의 기간이 만료되거나 유효한 형태인지 정도의 체크는 해주고 유효하지 않을 경우 로그인 화면으로 보내서 jwt를 재발급을 요청하는 과정이 필요하다.interface JWTHeader { alg: string; typ: string;}interface JWTPayload { wallet_address: string; ..
개발/frontend 2025. 4. 25. 17:08
이전 Prev 1 Next 다음