미들웨어란(feat. Next.js)
·
개발이야기/웹개발
Next.js로 프로젝트를 수행하고 있고 미들웨어를 이용해서 리다이렉트를 처리하면서 미들웨어에 대해 좀 더 자세히 알고 싶어졌다. 그래서 정리해 본 내용.미들웨어의 개념"요청(Request)과 응답(Response) 사이에서 동작하는 중간 처리 로직"즉, 클라이언트 → 서버로 가는 요청을 가로채서 그 사이에서 무언가를 처리하고, 흐름을 제어하거나, 요청을 조작하는 역할을 하는 것여기서 궁금한 점, “요청과 응답 사이”라고 했는데 요청이 오면 그 요청에 대해 뭔가를 처리해서 응답으로 넘기는 건 알겠다. 그러면 ‘응답’에 대해서도 처리 후 반환이 가능한가?미들웨어는 요청(Request)과 응답(Response) 모두를 가로채고 다룰 수 있다.즉,[클라이언트 요청] → ▶ [미들웨어 1] → [미들웨어 2] ..
[코드잇 스프린트 풀스택 4기] React 애플리케이션에서 JWT를 사용하여 인증 시스템 구현하기
·
개발이야기/웹개발
1. 개요JWT(JSON Web Token)는 서버가 사용자를 인증한 후 클라이언트에게 토큰을 발급하여, 클라이언트가 이후 요청 시 토큰을 포함시켜 인증 상태를 유지하도록 하는 방식이다. React와 같은 SPA(Single Page Application)에서는 이 토큰을 활용해 사용자의 로그인/로그아웃 상태를 관리할 수 있다.JWT의 기본 개념, React 내에서의 인증 상태 관리, 그리고 로그아웃 구현 로직에 대해 알아보자. 2. JWT 인증 흐름로그인 과정사용자가 로그인 폼에 자격 증명을 입력하면, 백엔드 서버는 해당 정보를 검증인증에 성공하면 서버는 사용자의 정보를 포함한 JWT를 생성하여 클라이언트에 전달클라이언트는 이 토큰을 안전한 저장소(예: localStorage, sessionStorag..