Notice
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- Typesciprt
- 마이페이지
- 관리자페이지
- 배포
- 캘린더 라이브러리
- RCPS
- 이미지 업로드
- 달력 라이브러리
- Styled Components
- 밸류즈
- 공통메서드
- jsonwebtoken
- 밸류즈 홈페이지
- MRC
- Ajax
- userManagement
- 빌드 및 배포
- stock option
- register
- 로그인
- 파생상품평가
- Update
- 로그인 로직
- 인증처리
- react
- ui탬플릿
- 스프링시큐리티
- mypage
- 회원가입로직
- Token
Archives
- Today
- Total
목록logout 로직 (1)
I T H

로그인 및 인증 처리 완료시 리덕스 스토어에 변수 isAuth 가 true로 바뀌는 것까지 했다면 이번 챕터에서는 isAuth or Role의 값에 의해 페이지경로가 다르게 처리되는 로직을 하겠다. 즉, 관리자 페이지 or 로그인 or 로그인이 안했을경우 페이지가 각각 다르게 처리되야 하므로, redux store에 있는 값들(isAuth, role의 값)을 불러와서 header부분과 app.tsx의 route부분을 각각 처리해주자! Frontend [ src / layout / Header / index.tsx ] - 먼저 redux의 useSelector 훅을 사용해서 isAuth의 값과 role의 값을 불러온다. - auth가 true이면 로그인이 완료되었기에 마이페이지와 로그아웃이 보이게 하고, ..
React + Node.js
2024. 1. 31. 15:16