오늘은 오전에 로그인 요청 후 유저 정보를 결국 LocalStorage에 저장하는 방법으로 구현을 했다.
그 이유는 서버에서 cookie 문제를 해결하기 어려웠고, 그래서 refreshToken을 얻을 수가 없었다. 그러면 클라이언트에서는 새로고침 후에 계속 데이터를 가지고 있기가 힘들었다.
redux 상태로 저장을 해보았지만 새로고침후에 유저정보가 계속 날아가는 현상이 일어났다.
그래서 결국 유저의 로그인 정보만 LocalStorage에 저장하기로 했다.
어차피 우리가 만드는 웹사이트는 로그인이 PasswordLess로 이루어져있거나 소셜로그인이기 때문에, 비밀번호와 같은 중요한 정보는 가지고 있지 않는다.
그래서 그렇게 골칫덩어리였던 로그인 인증 문제를 오전에 다 해결했다!!
프로필 페이지 및 프로필 수정 페이지를 스타일링 했다.
아직 완벽하게 스타일링한 것은 아니지만 현재 블로깅 하는 시점에서 일단 해 놓은 것 까지만 올려보았다!
결국 redux만으로 로그인 후 유저 정보를 저장하는데에 실패했다.
최종 대안이 LocalStorage였고, 결국 LocalStorage를 활용하여 유저 정보 상태관리에는 성공을 하였다. LocalStorage도 충분히 괜찮은 방법이였지만, redux로 할 수 없었던게 많이 아쉬웠다.