프로젝트 진행중에 로컬스토리지에 토큰이 비었을땐 로그인과 회원가입,
토큰이 있을땐 마이페이지와 로그아웃 버튼이 보이게끔 상황에 따라 헤더를 구성하고싶었다.
구현은 성공했으나 로그아웃버튼을 누르고 토큰이 비었을시에 자동으로 렌더링이 되지않아 헤더가 바뀌지 않는 이슈를 겪었다.
내가 해결한 방법은 로그아웃 버튼을 누를시에 자체적으로 새로고침을 하는것이였다.
새로고침을 하는 두가지 방법을 소개한다.
window.location.replace(새로고침 후 리다이렉트 시킬 url)window.location.reload()두가지 모두 새로고침을 한다는것이 공통점이고
replace는 새로고침 후에 리다이렉트해줄 url로 보내줄수있다는 점,
reload는 원래의 페이지에서 새로고침만을 해준다는 점이 다르다.
목적에 맞게 사용하면 될것같습니다.
견습생