React

로그인 상태 확인하여 특정페이지에서 팅겨내기?

영프로95 2022. 11. 27. 00:59

로그인 한사람이 url에 특정 url을 입력하여 다시금 login 페이지에 들어올수 있기에 팅겨낼수 있는 기능이 필요했다.

 

1. 첫번째 시도

로그인이 되어있을때의 boolean값을 이용하여 true일때 처리하는 코드
위와 같은 warning이 나왔다..

내가 생각한대로 alert처리는 되었지만 navigate를 이용한 뒤로가기가 안되었다... 

 

2. 두번째 시도

then을 이용한 navigate처리

처리순서를 보장해주니 된다...!

하지만 순간의 찰나에 로그인할수 있는 화면이 보여지다보니 UX적으로는 썩 좋지않아보인다. 

 

* 의문점

- 동기적으로 실행을 했을때는 왜 안되고 promise를 이용하여 순서를 다시금 보장해주니 돌아가는지 너무 궁금하다... 
알게된다면 추후 수정하겠습니다.

- 아시는 분이 계신다면 댓글달아주세요 ㅠㅠ