리액트 ) 권한분기

Jeong-Taek·2022년 10월 18일
0

권한분기

  • 사용자 서버 안에서 로그인한 유저 / 로그인 안한 유저로 권한을 구분
  • 권한을 구분하는 방법으로 useEffect에서 accessToken이 없으면 페이지를 이동시킴

위 이미지는 useAuth라는 커스텀 훅을 만들어서 권한분기를 나눠준 것
localstorage에 토큰 여부에 따라서 권한을 나눠주었다.
토큰이 없으면 router.push를 통해 경고창과 함께 메인페이지로 이동하게 된다.

이 방법 말고도 HOC를 통해 권한분기를 해주는 방법도 있는데 추후에 다뤄보도록 하겠다.

0개의 댓글