맨땅에서 프론트엔드

2024.02.01 - [javascript] - [JWT] 로그인 세션 관리하기 2 (Session Storage, Local Storage, Recoil) [JWT] 로그인 세션 관리하기 2 (Session Storage, Local Storage, Recoil) 2024.02.01 - [javascript] - [JWT] 로그인 세션 관리하기 1 (JWT에 관하여) [JWT] 로그인 세션 관리하기1 (JWT에 관하여) 오늘이 아시안컵 16강이 있던 날인데, 축구를 보니 볼 차고 싶은 생각이 너무 들던 하루 mini-frontend.tistory.com 이번에는 실제 코드를 통해 로그인 세션에서 토큰이 어떻게 하면 처리되는지 알아보자. 토큰이 만료 등의 토큰 처리는 Axios 인터셉터(Intercep..

2024.02.01 - [javascript] - [JWT] 로그인 세션 관리하기 1 (JWT에 관하여) [JWT] 로그인 세션 관리하기1 (JWT에 관하여) 오늘이 아시안컵 16강이 있던 날인데, 축구를 보니 볼 차고 싶은 생각이 너무 들던 하루,,, (사진은 축구하고 있는 나) 오늘은 프론트엔드를 개발하면서 로그인 세션을 어떻게 관리하였는지 작성 mini-frontend.tistory.com 이전 글에서 JWT에 대해 알아보았다. 그렇다면 프론트엔드에서 JWT가 어떻게 쓰이는지 한 번 알아보자. 1. JWT 보관 방법 JWT 토큰을 서버로 부터 발급받는다면 브라우저 등에 보관해야 한다. 프론트엔드를 개발할 때 JWT 토큰을 보관하는 방법을 다음과 같다. 1) Local Storage 브라우저를 닫아도..

오늘이 아시안컵 16강이 있던 날인데, 축구를 보니 볼 차고 싶은 생각이 너무 들던 하루,,, (사진은 축구하고 있는 나) 오늘은 프론트엔드를 개발하면서 로그인 세션을 어떻게 관리하였는지 작성해보겠다. 서버에서는 사용자가 로그인 되어 있는지 알 필요가 있다. 이를 위해 JWT 라는 것을 사용한다. JWT 란 무엇이고 왜 필요할까? 1. JWT란? JWT (JSON Web Token)는 Json 형식을 이용하여 사용자의 속성을 저장하는 Token이다. 즉, 정보를 비밀리에 전달하거나 사용자 인증 시 사용된다. ex) 앱을 실행했을 때 사용자가 가진 JWT를 비교하여 자동로그인을 기능을 제공 상품 구매, 예약 신청 등을 시도할 때 사용자 인증 2. JWT가 필요한 이유 1) 무상태성 (Statelessnes..