새로고침 하면 상태가 초기화되서 로그인이 풀리는 현상이 발생했다.
이전 프로젝트는 그냥 무대뽀로 로컬에 죄다 박아버린 다음 전역상태의 기본 값을 로컬에서 가져오는 방법으로 해결했는데 이 방법은 아닌 것 같아서 다른 방법을 생각해봤다.
똑같이 토큰을 로컬 두고 사용하는 방식은 동일하니 이 토큰을 사용할 방법을 생각해야하는데,
돌고 돌아서 결론만 말하자면 app.js에 이펙트 훅을 사용해서 토큰이 존재한다면 해당 토큰으로 http 요청을 보내고, 서버에서 해당 토큰에 있는 정보를 파싱해서 그대로 돌려주고 그걸 전역 상태에 넣어두는 방식으로 처리했다.
app.js는 뭔가 무의식 적으로 라우팅만 거는 곳으로 인식되어 버렸는데, 사실 저 이펙트 훅을 페이지 컴포넌트 마다 하나 하나 박다가 번뜩여서 허겁지겁 다 지우고 app.js에서 이펙트 훅을 사용해보니 잘 되더라.
역시 머리가 나쁘면 손이 고생한다 🥲
저희는 이번에 recoil을 사용했었는데 편하더라구요..!