<aside> 💡 기본적인 실습은 TypeScript + React 기반으로 제공

해설 및 답안은 TypeScript로만 제공

answer 브랜치로 답안을 볼 수 있음

</aside>

◇ 로그인의 흐름

1. 토큰 기반 로그인의 흐름

스크린샷 2023-10-06 오후 7.10.07.png

2. 실제 서비스에서의 구조

스크린샷 2023-10-06 오후 7.11.13.png

  1. 유저진입
  2. 토큰이 있는가 확인을 한다.
  3. 토큰이 없다면 로그인페이지로 이동
  4. 있다면 이 토큰을 아직 사용할수 있는지 서버에 요청하여 확인

<aside> 💡 프론트엔드 개발자로써 중요한 부분 클라이언트쪽에서는 보안과 관련된 것들은 하지 않는다

</aside>