[AUTH,FRONT] front 에서 token 받는 로직추가

[WHO-A-U]

Front 에서 token 받아서 recoil 에 저장

recoil 변수로 token 값 저장

• 기본값 null

  export const tokenState = atom({
  key: 'token',
  default: null,
  });

  ---

  추가되는 종속성

• react-cookies react 에서 cookie 를 쉽게 접근하기 위하여 사용

---

token 을 받아오는 과정

CookieUtils.js

react-cookies 를 이용해서 token 값을 쿠키에서 가져오는 로직이 들어있음 cookie를 찾을때 사용하는 key 는 .env 파일로 관리한다

//.env
REACT_APP_TOKEN_KEY=X-AUTH-TOKEN

HotPlaceMapScreen.js 에서 작동방식

2개의 useEffect 를 설정해두었다

1. useEffect 로 토큰을 쿠키에서 가져오는 과정
2. 토큰을 가져와서 전역상태 tokenState 가 바뀌였을경우 사용자의 정보를 가져올 부분(추후 구현예정)

Application

Console

---

추후에 구현해야될 부분

1. 사용자 정보 가져오는 부분
2. 토큰이 만료되어있는경우 cookie 를 flush 하고 다시 로그아웃상태로 넘어가는과정

토큰이 만료되는 상황에서의 flow 는 추후 달라질수 있음