React로 JWT 로그인 구현 시 질문

Question

현재 React 로그인 시스템을 다음과 같이 구현한 상태입니다.백엔드 (Nest.js) 서버로 로그인 요청을 보내면 JWT 토큰을 생성 후 클라이언트로 반환해당 토큰을 백엔드로 보내면 유효성 검사 후 올바른 토큰이면 사용자 정보를 다시 클라이언트로 반환만약 클라이언트에서 사용자 정보가 필요할 때 (ex: 마이페이지 등) 2번 과정이 페이지를 로드할 때마다 이루어져야 하는 걸까요?아니면 로그인을 성공하는 시점에 딱 한 번 반환 후 해당 정보를 세션이나 로컬 스토리지에 담아도 괜찮을까요?

codezzzz · Answer

로그인 성공후 받아온 토큰 정보를 메모리,세션,로컬등에 저장후 페이지 로드할떄 해당 정보로 사용자 정보 받아오고 store에 저장후 사용하시면 될꺼같습니다.

고랭지고구마 · Answer

구현 방식에 따라 다른 것 같습니다. 사용자 정보에 민감 정보가 포함되어 있으면 마이페이지에서 사용자 정보를 가져오는 API를 호출할때 2번 과정을 진행하면 될것 같습니다. 민감 정보가 없다면 로컬 스토리지 같은 곳에 담아서 필요할 때 꺼내쓰면 될 것 같습니다.

wharup · Answer

참고로, 서버에 보내는 모든 API 요청에 토큰을 백엔드로 보내서 유효성 검사 후 올바른 토큰인 경우에만 요청한 API를 수행합니다.

React로 JWT 로그인 구현 시 질문

3개의 답변

Q&A 목록