반응형
토큰이 없는데도 마이페이지에 사용자의 화면이 남아있는 현상이 있었다.
AWS에서 세션만료되었다고 로그아웃시키는것처럼 나도 로그아웃시키기로 했다.
아래와 같은 모달창을 만들었다.
아래 사진처럼 catch(err)를 통해 상태코드가 401번(토큰없을때 응답)일때 모달창으로 가도록 유도했고, 모달창의 확인 온클릭이벤트에 로그아웃 함수를 걸어주었다.
모달창에선 예 버튼의 온클릭함수를 통해 로그아웃함수랑 연결된다.
반응형
'프로젝트 > 코드스테이츠 - 4주프로젝트' 카테고리의 다른 글
useMemo와 React.memo를 이용한 최적화 (0) | 2021.12.19 |
---|---|
카카오맵에서 클릭한 마커의 정보를 담은 모달창 켜기 (0) | 2021.12.18 |
배열을 map하고 각 인덱스의 자료를 모달창에 렌더링시킬때, 무조건 가장 마지막 인덱스의 자료가 렌더링되는 버그 (0) | 2021.12.15 |
UseEffect를 이용한 무한루프방지(sideEffect로부터 보호) (0) | 2021.12.13 |
리프레시토큰 없이는 쿠키로 로그인상태결정을 못한다(보안포기하면 가능) (0) | 2021.12.11 |