먼저 간단히 로그인 로직을 설명하자면
login 로직
① 프론트에서 백으로 login 요청
② 백에서 회원 정보 확인해서 응답 반환 (로그인 성공 시 1, 실패 시 0)
③ 응답으로 1 받았을 시 로컬 스토리지에 회원 정보 삽입, 홈 화면으로 이동
로그인 시 로컬 스토리지에 회원 정보가 담기는 것을 이용하여 로그인 여부를 확인하는 컴포넌트를 만듭니다.
☞ 경로
☞ isLogin.jsx 파일
이 컴포넌트를 활용하여 로그아웃이 되어 있을 경우 홈 화면으로 이동시키는 로직을 구현합니다.
'Frontend > ReactJS' 카테고리의 다른 글
| [React] 로그인 JWT 토큰 처리 (2) | 2023.02.15 |
|---|---|
| [React] Fetch & Axios (0) | 2023.02.05 |
| [React] 삼항연산자 & map() (1) | 2023.02.02 |
| [React] ver. 17 & 18 (1) | 2023.02.02 |
| [React]서버로 데이터 보내기 (0) | 2023.01.02 |
