EIF - 새로고침했을때 로그인 유지하는 것

성훈·2021년 10월 28일
0

Error I Faced

목록 보기
8/14
post-thumbnail

📌 ERROR

새로고침 하면 상태가 초기화되서 로그인이 풀리는 현상이 발생했다.

이전 프로젝트는 그냥 무대뽀로 로컬에 죄다 박아버린 다음 전역상태의 기본 값을 로컬에서 가져오는 방법으로 해결했는데 이 방법은 아닌 것 같아서 다른 방법을 생각해봤다.

📌 SOLUTION

똑같이 토큰을 로컬 두고 사용하는 방식은 동일하니 이 토큰을 사용할 방법을 생각해야하는데,
돌고 돌아서 결론만 말하자면 app.js에 이펙트 훅을 사용해서 토큰이 존재한다면 해당 토큰으로 http 요청을 보내고, 서버에서 해당 토큰에 있는 정보를 파싱해서 그대로 돌려주고 그걸 전역 상태에 넣어두는 방식으로 처리했다.

app.js는 뭔가 무의식 적으로 라우팅만 거는 곳으로 인식되어 버렸는데, 사실 저 이펙트 훅을 페이지 컴포넌트 마다 하나 하나 박다가 번뜩여서 허겁지겁 다 지우고 app.js에서 이펙트 훅을 사용해보니 잘 되더라.

역시 머리가 나쁘면 손이 고생한다 🥲

profile
어떻게 이걸 풀어낼 수 있을까

2개의 댓글

comment-user-thumbnail
2021년 11월 19일

저희는 이번에 recoil을 사용했었는데 편하더라구요..!

1개의 답글