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 | 31 |
Tags
- 회원가입로직
- Styled Components
- react
- 빌드 및 배포
- RCPS
- jsonwebtoken
- 공통메서드
- Update
- 마이페이지
- 로그인 로직
- 파생상품평가
- 관리자페이지
- MRC
- userManagement
- Token
- Typesciprt
- 밸류즈
- register
- 스프링시큐리티
- 달력 라이브러리
- Ajax
- 이미지 업로드
- mypage
- 인증처리
- ui탬플릿
- 밸류즈 홈페이지
- 로그인
- stock option
- 배포
- 캘린더 라이브러리
Archives
- Today
- Total
목록auth (1)
I T H
이번 챕터는 로그인 로직 2번째 - 백앤드로부터 받아온 토큰을 headers의 Authorization에 넣어 백앤드로 보내고 백앤드에서 지정해놓은 secret key를 이용해 유효한 토큰인지 확인한 후 데이터를 프론트로 전달하는 단계까지 하도록 하겠다. - 로그인 뿐만 아니라 인증이 필요한 경우가 많으므로, 로그인 후에 인증요청시 토큰을 보내서 백앤드에서 유효한 토큰인지 확인하는 과정이다. - Frontend [ App.tsx ] - redux store에 저장된 데이터를 가져오기 위해 useSelector를 사용한다. 타입을 미리 지정해놓았기 때문 useAddSelector를 통해 isAuth를 불러와서 사용하도록 하였다. - isAuth 부분이 true가 되었다면 로그인이 완료되었다는 뜻이므로, 로..
React + Node.js
2024. 1. 30. 15:27