[리팩토링] 클라이언트에서 쿠키 설정 js-cookie

이전에 올린 Taskify 프로젝트 리팩토링을 진행하였다.

 

토큰을 로컬스토리지에 저장했는데 이 부분을 쿠키에 저장하는 코드로 바꾸었다.

 

 

로그인 요청을 했을 때, 서버에서 accessToken을 header에 set-cookie로 보내지 않고 body에 저장해서 보내고 있었다. 그래서 이전 코드에서는 로컬 스토리지를 이용해 토큰을 저장했다.

 

로컬 스토리지에 저장할 경우 보안상의 위험이 있다고 한다. js-cookie 라이브러리를 이용하면 클라이언트에서도 쿠키를 저장하고 읽을 수 있다. 

 

api에서 리프레쉬 토큰을 주지 않아서 똑같이 보안상의 위험이 있다. 그래도 나중에 리프레쉬 토큰을 백엔드에서 줄 수도 있기 때문에 미리 토큰으로 저장하는 코드를 작성했다.

 

 

 

 

 

 

참조 링크

https://www.npmjs.com/package/js-cookie

js-cookie