[TIL : 230617, 230618]

🌊 TIL : 2023년 6월 17, 18일  

 

오늘 한 것

 

 

프리프로젝트 집중하다보니 자꾸 새벽까지 시간이 훅훅 지나가서 TIL을 2일마다 쓰게 된다..

반성..

 

17일은 JWT 로그인 방식에 대해 공부하였다. 유튜브도 찾아보고 부트캠프 자료와 실습 과제도 찾아본 후 이해하려고 노력하였는데도 아직 감이 잘 오지 않았다. JWT 생성은 백엔드에서 하는 걸로 아는데 그럼 나는 JWT이 response로 오면 그걸 저장해주기만 하면 되는 지..? 고민이 많았다.. 그리고 이것에 대해 어떻게 하면 테스트를 할 수 있는 지도 헷갈렸다.

 

우선 내가 테스트를 시도해본 방식은 mock server을 만드는 것이었다. 

직접적으로 JWT 토큰을 만들어주진 못 하지 요청 시도를 하여 만들어진 JSON을 전달 받아서 테스트 해보았다. 

 

처음 시도해보는 거라 많이 헤맸지만 우선 테스트 해보는 것에 성공은 하였다.

localStorage에 jwt를 저장하였지만 여기서 또 문제가 생겼다. 🧐 데이터를 받아오고 새로고침을 하면 로그인이 풀리는 것이다. 

검색을 해보니 새로고침시 회원정보를 받아올 수 있게 또 요청을 해야했다.. 

생각보다 더 번거로운 작업. 이전 실습 과제에서는 상위 컴포넌트에서 useEffect를 통해 회원 정보를 받아오고 있었다. 

그리고 난 기존에 localStorage에 저장해두었는데 이것은 cookie로 전달받으면 내가 따로 저장하고 요청하지 않아도 cookie에 담긴 상태로 api 요청이 된다고 하여 백엔드측에 cookie로 전달해달라 요청하려한다. 

 

그렇게해서 mock server을 생성해보았다. 쿠키까지 알차게 넣어봤다.. 

이렇게 하니 로그인 후 새로고침을 해도 로그인 상태가 유지되었다..!!!

데이터 요청 코드를 react-query로 바꿨는데 자꾸 cors 오류가 났다..

코드를 수정 후 현재는 오류가 나지 않고 있지만 내일 백엔드 분과 얘기를 많이 나눠야할 것 같다.. 

 

 

아래는 넘 피곤해서 작성 못 할거 같다..