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