Frontend

리팩토링 기록 일지 - LAAMS 홈화면 리팩토링

강하다이녀석 2024. 1. 16. 17:39

1.16

1. 메인화면이 너무 칙칙하고 못생겨서 배경 이미지 추가

3. 유저 역할군 탭 삭제

 

 

문제 : 지금 id저장이 안되고 있음 로컬스토리지에 저장되는데, 새로고침하면 다 날아감. 홈화면에서 홈화면에서 새로고침은 가능. 그런데 문제는 이제 감독관홈이나 어디로 가면 안됨. 

 

: 홈화면에서 새로고침은 문제가 안되므로, 홈화면 이외에서 쓰는 부분에서 문제가 있을 것이라 추측,

refreshToken 이 생긴 이후부터 쓰는 useApi가 문제일 것이라 추측함. 

-> 맞았음

이부분에 들어가 있는 

if (!user.accessToken) {
        localStorage.clear();
        navigate("/");
        window.location.reload();
        return Promise.reject(401);
      }

이부분이 문제임. 여기서 user.accessToken은 redux로 관리되므로(store) 새로고침하면 날아감. -> 새로고침 후 accessToekn이 없다고 인식하는듯. 여기서 localStorage.clear()를 할 경우 문제 없이 동작하는 것 발견. 다만 내가 작성한 코드가 아니라 왜 이게 여기있는지 물어봐야 함.