[React] 리액트에서 JWT(JSON Web Token)으로 로그인 구현하기

이번에 백엔드 개발자와 협업한 프로젝트에서 JWT 방식 로그인을 사용했는데, 간단하게 정리해볼까 한다. JWT 토큰 방식 로그인의 순서는 다음과 같다. 클라이언트에서 서버에 로그인 요청을 보낸다. 요청 데이터에 문제가 없다면 서버는 새로운 토큰을 발급한다. 발급한 토큰을 응답 헤더에 담아 클라이언트로 보낸다. 클라이언트는 응답 헤더에서 토큰을 꺼내 웹 스토리지에 저장한다. 이후 사용자 인증이 필요한 요청 시 요청 헤더에 저장한 토큰을 담아서 요청하면 된다. 다음은 코드와 함께 JWT 인증 방식에 대해 알아보자. 로그인 요청 const handleLogin = async (data) => { return await axios.post("http://서버URL/users/logins", { email: da..

2022.09.04