현재 카카오 로그인을 통하여 마이페이지 구현을 완료해가던 중 리액트에서는 로그인 유지를 어떻게 할까에 대한 궁금증이 생겼다.
구글링을 통해 공부한 내용을 정리해보고자 한다.
로그인을 한다고 해서, 앱 내에서 로그인 상태가 유지되지 않는다.
새로고침을 하면 스토어 값이 초기화되기 때문이다. 그렇기 때문에 페이지에 들어왔을 때, 유저 정보를 다시 넣어주는 작업이 필요하다.
다음 과정을 하나하나 이해해보도록 하자.
- App이 불러와졌을 대, 로컬스토리지에 저장된 유저의 정보를 사용한다.
- 서버에 현재 로그인 상태를 재검증시킨다.
- 서버가 응답한 로그인 정보로 업데이트를 시켜준다.
- 만약 토큰이 만료되면 재로그인을 요청한다.
