리팩토링-로그인

jihyun·2021년 11월 8일
0

뚞딲뚞딲

목록 보기
4/5

1. 새로고침, url 직접 입력 시 로그인 풀리는 문제

header에 도저히 localstorage가 먹히지 않아서 context api를 활용헸다.
토큰을 state에 넣어서 구현하니까 잘 유지되던 로그인이
리스트 페이지를 돌아다니다 보면 풀려있었다...착시가 아니었다.

url을 직접 입력하거나 새로고침할 때는 토큰이 사라져버리는 문제 발견
-> 결국 context api와 localstorage를 모두 활용해서 해결!

실제로는 로컬스토리지에 token key에 값이 들어 있다고 해서 로그인 했다고 판단할 수 없고 그 토큰으로 실제로 요청을 해서 context에 유저 정보를 관리하고 그 유저 정보가 있으면 로그인 되었다고 판단할 수 있습니다 :)

2. 로그인 상태에서 로그인, 회원가입 페이지에 또 접근 가능한 문제

Public Route: 접근 권한이 없을 때 메인 페이지로 Redirect
Private Route: 접근 권한이 없을 때 로그인 페이지로 Redirect

3. 로그아웃 함수에 일반유저 로그아웃만 구현

카카오로그인을 중심으로 구현하다보니 급하게 카카오 로그아웃만 구현해놓았다.
일반로그인 상태의 사용자도 로그아웃을 시켜줘야 하기 때문에 로그아웃 함수 안에 추가할 내용이 필요했다.

? 검색창 검색 내용을 localstorage에 저장한다고 하셨던 것 같다.
localstorage.clear() 말고 removeitem으로 바꿔야하나?

0개의 댓글