Refactor: 토큰을 주고 받는 방식을 Set-cookie로 수정함에 따른 관련 로직 수정

[ParkSohyunee]

개요

• 기존 Response body로 받은 토큰을 Authorization header로 요청 보내는 방식에서 Set-cookie로 주고 받는 방식으로 변경했습니다.
• 리액트 쿠키 라이브러리를 사용하여 저장하는 대신 Set-cookie 헤더를 통해 자동으로 쿠키를 저장 및 요청이 가능하고, 보안 및 refreshToken을 장기적으로 유지시킬 수 있는 이점이 있기 때문에 Set-cookie 방식으로 변경했습니다. (*백엔드 먼저 작업 완료한 상태)

작업 사항

• axiosInstance 쿠키 옵션 설정
• RefreshToken으로 AccessToken 재발급 받는 response.interceptors 로직 수정
• 전역 상태 useUser store에 사용자 id만 저장되도록 수정

참고 사항 (optional)

• ⭐️ 로그인 시 같은 도메인(listywave.com)에서만 쿠키가 저장되는 이슈로, merge 후 수정한 코드 테스트가 필요합니다.
  • (참고) Docker와 Nginx를 설정하여 테스트 진행 예정입니다.
• 👀 테스트 정상 작동 확인 후에, 리액트 쿠키를 사용한 코드의 후속 작업 진행 예정입니다.
  • 로그아웃, 탈퇴 시 쿠키 삭제 로직
  • 라이브러리 삭제
• MVP3 개발용 dev-temp 브랜치를 main에 머지 후 삭제함에 따라 PR이 자동 closed 되었습니다.
• 새로운 dev-temp 브랜치로 작업사항 PR 다시 올릴 예정입니다.

리뷰어에게

• 감사합니다. 파이팅!!🥳

[vercel[bot]]

@ParkSohyunee is attempting to deploy a commit to the Eujin Ahn's projects Team on Vercel.

A member of the Team first needs to authorize it.

[ParkSohyunee]

참고

• MVP3 개발용 dev-temp 브랜치를 main에 머지 후 삭제함에 따라 PR이 자동 closed 되었습니다.
• 새로운 dev-temp 브랜치로 작업사항 PR 다시 올릴 예정입니다.