Jwt를 Cookie에 저장하면 프론트는 jwt를 추출한 뒤 헤더에 삽입하나요? 아니면 cookie에서 꺼내서 쓰는건가요?

Question

안녕하세요. 최근 프로젝트에서 로그인 부분을 맡게되어 로그인을 구현하는 도중에 프론트 동작 방식이 헷갈려 질문드립니다.소셜로그인과 자체로그인 모두 구현하고 있는데, 소셜로그인을 진행하면 redirect시 헤더 값이 없어져 헤더로 넘겨주던 jwt가 사라진다는 것을 알게되어 cookie에 accessToken을 저장하는 방식으로 바꾸려고 합니다.다만 헷갈리는 부분이, Cookie에 accessToken을 저장하게 되면 프론트엔드는 이걸 어떻게 저장해서 사용하나요 ? 그냥 바로 Cookie에서 꺼내서 쓰는건지, 아니면 Cookie에서 꺼내서 Header에 추가를 하는건지 잘 모르겠습니다.프론트의 저장 방식이 헷갈리니 백엔드에서 jwt를 검증할 때 cookie를 통해서 사용자 인증을 진행해야하는지, 프론트에서 cookie에서 토큰을 꺼내 Header에 jwt를 추가해주고 백엔드는 Header에서 토큰을 추출하여 검사를 해야하는건지 잘 모르겠네요 ㅠㅠ또, redis로 refreshToken을 관리하고있는데, 백엔드에서 accessToken이 만료되면 refreshToken을 통해 accessToken을 재발급 한 뒤, 바로 accessToken에 값을 덮어씌어 보내는 형식으로 하였는데 이렇게 해도 프론트에서 문제가 없을까요 ?

흠냥흠냥 · Answer

님이 지금 헷갈리는 이유는 쿠키의 동작방식을 전혀 이해 못하고 있기 때문입니다.쿠키는 알게 모르게 님이 요청하는 순간 트리거된 Url에 전송되도록 저장되었다면 같이 요청됩니다.따라서 님이 별다르게 헤더에 넣어 줄 필요가 없습니다.서버 입장에서는 인증된 사용자를 검사할때 쿠키의 특정 값을 참조하도록 하면되겠죠?그런데도 불구하고 헤더를 쓰는 이유는 있습니다.쿠키는 기본적으로 same-origin 정책을 따릅니다. 그러다보니 여러 도메인이 있는 사이트라면 통신을 함에 있어서 추가적인 설정들이 많이 필요하겠쬬?그리고 쿠키에 사용하는 토큰은 명시적이지 않기 때문에 개발자의 관리범위에서 크게 벗어나 있습니다.이 의미는 에러가 발생했을때 꾀나 추적하기가 쉽지 않다는 것이죠

scissors hand · Answer

LocalStorage vs. Cookies: JWT 토큰을 안전하게 저장하기 위해 알아야할 모든것JWT는 어디에 저장해야할까? - localStorage vs cookieJWT 저장 위치: 쿠키 vs 로컬 스토리지 vs 세션 스토리지

Jwt를 Cookie에 저장하면 프론트는 jwt를 추출한 뒤 헤더에 삽입하나요? 아니면 cookie에서 꺼내서 쓰는건가요?

2개의 답변

#jwt 목록