백엔드에서 받아온 로그인 정보를 로컬스토리지 저장해도 되나요?

Question

vue로 프론트엔드 구글 oauth 로 로그인 구현을 하고있습니다.구글로그인 &#61;> 구글 토큰값 백엔드 전달 &#61;> 백엔드 검증 &#61;> 서버용 토큰, 유저정보 프론트엔드 전달이런 프로세스로 작업이 진행중입니다.여기서 유저 정보(user_id, 닉네임, 토큰 값)을 로컬스토리지에 저장하고 쓰려고하는데,다른 프로덕션 웹사이트들은 로컬스토리지/세션에 토큰값이나 유저정보를 저장한데가 찾기 어렵더라고요.혹시 다들 어떻게 사용하는지 알수 있을까요?감사합니다!!

르매 · Accepted Answer

토큰은 http only 쿠키에 저장하는게 보안 문제를 걱정하지 않을 수 있다는 면에서 좋은 선택이 됩니다. 다만 http only 쿠키의 내용은 프론트엔드에서 set 할 수는 있어도 읽지는 못하기 때문에.. 로그인 여부라던가 user_id, 닉네임도 모르게 되는 부작용이 있죠.타협한다면 user_id나 닉네임과 같은 부가 정보는 로컬 스토리지에 저장하고 토큰만 http only 쿠키에 저장할 수 있습니다.탈취나 변조에 민감한 정보는 토큰이고.. 토큰은 백엔드 API에서 항상 검사하기 때문에 나머지 로컬 스토리지에 저장된 정보가 변조되는 것은 치명적이지 않습니다.

강아지좋아하는개발자 · Answer

NextAuth 사용 중인데 JWT 라이브러리 가져와서 세션스토리지에 accessToken 보관해서 사용중임현재 구동 중인 사이트 이고 사실 이렇게 하는 것보다 그냥 쿠키에 넣어서 사용하는게 편함 이유는 여러가지 검색 해보시길 하지만 그렇게 큰 차이는 없어서 사용 중

icksss · Answer

대부분의 SPA Framework는 token 정보를 클라이언트 스토리지에 저장 합니다.

백엔드에서 받아온 로그인 정보를 로컬스토리지 저장해도 되나요?

3개의 답변

Q&A 목록