로그인페이지
- 로고 컴포넌트
- 폼
- 타이틀
- 인풋 (플레이스홀더)
- 라벨 (에러메세지)
- x 아이콘
- 로그인 버튼
인증상태유지 how???
로그인 하면 토큰을 받아옴 → 쿠키에 저장
- 쿠키 시간 얼마나 유지?
- 쿠키 만료되면 어떤 동작을 할 것인가 (isAuth에 상태에 따른 기능)
- 그것을 어떻게 구현할 것인가 (redux, context)
맞죠.
라우팅 → 페이지 접근할 때 api콜.
그럼 페이지가 토큰을 갖고 있으면 되지 않을까요?
토큰 유효기간은 서버가 갖고 있을 것.
이용할 땐 쿠키 이용기간이 줄지 않는다.
현재 쿠키가 만료됐는지 계쏙 알아내야하는가?
그러면 centralize해야 한다.
프런트 입장에선 토큰 만료를 알 수 없음.
그래서 매번 페이지는, 쿠키에서 토큰을 가져와, 토큰을 쏴야한다?
로그인 → token, user 받아옴
저녁에 다시 얘기해봅시다..
쿠키(browser storage) > 전역 > 페이지
페이지(App)는 전역의 auth를 참조
전역에 auth가 없으면 전역은 쿠키를 참조
쿠키에 auth(토큰)가 없으면 서버에 재요청
리덕스 하려면 하루정도 아예 따로 빠져서 그것만 구현하셔야할거예요