DAY 82. 최종 프로젝트 10일차

• 문제발생

로그인 시 Local Storage 에 JWT 를 저장하는 방식으로 로그인을 인증했는데,

이때 JWT 에 들어있는 로그인 정보를 가져오는 방법을 모름.

• 시도

JWT 를 Javascript 에 불러오는 방법 구글링

• 해결방안

1. LocalStorage 에 저장되어있는 key 값 at 을 가져온다.

const token = localStorage.getItem('at');

2.  가져온 값을 payload 해준다 (실질적인 데이터는 [1] 에 있음) 

const tokenPayload = token.split('.')[1];

3. jwt 토큰의 [1] 값을 decode 해준다.

const decodedPayload = atob(tokenPayload);

4. decode 한 값을 JSON 문자열을 JavaScript 객체로 변환해준다.

const parsedPayload = JSON.parse(decodedPayload);

 

• 알게 된 것

- LocalStorage 값을 파싱해서 JWT [1] 에 저장된 값을 가져오는 방법을 알게 되었다.

 

- 하지만 백엔드에서 [이미 ]구현한 로그인 한 유저 정보 가져오기를 기능을 이용해서 가져온 값을 전역 변수에 저장해서 사용하는 더 간단한 방법이 있었다.

 

[결론]

 

- 이런