React(SPA) Auth 로그인 흐름

전통적인 웹사이트(멀티 페이지) 로그인 방법은 Session을 이용하는 것이다.

로그인을 하면 서버와 브라우저 간에 세션이 생성되고 그 세션을 기반으로 Request가 안전 한지 판단한다.

 

React- The Complete Guide

React와 같은 SPA(싱글페이지)의 로그인 방법은 Session을 가지지 않는다. 

그대신 Token을 이용하는데 Restful 백엔드 서버에서 생성된 토큰을 로그인하면 받게 되고 이 토큰을 localStorage에 저장한다.

잘 저장해 뒀다가 서버로 데이터 요청 즉 Reuqest를 할 때 아까 발급 받은 Token을 같이 보낸다.