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
- 밸류즈
- register
- Styled Components
- 인증처리
- 로그인 로직
- 스프링시큐리티
- MRC
- Update
- react
- 관리자페이지
- 마이페이지
- stock option
- 회원가입로직
- 배포
- RCPS
- 이미지 업로드
- 빌드 및 배포
- Ajax
- ui탬플릿
- 로그인
- 밸류즈 홈페이지
- 달력 라이브러리
- mypage
- Token
- 파생상품평가
- 캘린더 라이브러리
- Typesciprt
- jsonwebtoken
- userManagement
- 공통메서드
Archives
- Today
- Total
목록auth 인증처리 (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