header에 도저히 localstorage가 먹히지 않아서 context api를 활용헸다.
토큰을 state에 넣어서 구현하니까 잘 유지되던 로그인이
리스트 페이지를 돌아다니다 보면 풀려있었다...착시가 아니었다.
url을 직접 입력하거나 새로고침할 때는 토큰이 사라져버리는 문제 발견
-> 결국 context api와 localstorage를 모두 활용해서 해결!
실제로는 로컬스토리지에 token key에 값이 들어 있다고 해서 로그인 했다고 판단할 수 없고 그 토큰으로 실제로 요청을 해서 context에 유저 정보를 관리하고 그 유저 정보가 있으면 로그인 되었다고 판단할 수 있습니다 :)
Public Route: 접근 권한이 없을 때 메인 페이지로 Redirect
Private Route: 접근 권한이 없을 때 로그인 페이지로 Redirect
카카오로그인을 중심으로 구현하다보니 급하게 카카오 로그아웃만 구현해놓았다.
일반로그인 상태의 사용자도 로그아웃을 시켜줘야 하기 때문에 로그아웃 함수 안에 추가할 내용이 필요했다.
? 검색창 검색 내용을 localstorage에 저장한다고 하셨던 것 같다.
localstorage.clear() 말고 removeitem으로 바꿔야하나?