Closed Yoonyesol closed 1 month ago
이 변경 사항은 Header
컴포넌트와 axiosProvider
인스턴스의 인증 관련 로직을 수정합니다. Header
컴포넌트에서는 로그아웃 버튼의 onClick
핸들러가 isAuthenticated
또는 userInfoData.userId
가 참인지 확인하여 로그아웃 기능을 트리거하도록 변경되었습니다. axiosProvider
에서는 하드코딩된 Authorization
헤더를 제거하고, 현재 액세스 토큰을 기반으로 동적으로 설정하도록 수정되었습니다.
파일 경로 | 변경 요약 |
---|---|
src/components/common/Header.tsx |
버튼의 onClick 핸들러가 isAuthenticated 또는 userInfoData.userId 를 확인하도록 수정. 버튼 텍스트가 조건에 따라 "Logout"으로 변경됨. |
src/services/axiosProvider.ts |
하드코딩된 Authorization 헤더 삭제, 요청 인터셉터에서 액세스 토큰을 기반으로 헤더 설정. 함수 시그니처 업데이트. |
Objective | Addressed | Explanation |
---|---|---|
axiosProvider에서 JWT 더미데이터 삭제 (#236) | ✅ |
Header
컴포넌트의 로그아웃 기능을 향상시킵니다. 이는 본 PR에서 수정된 로그아웃 로직과 직접 관련이 있습니다.Header
컴포넌트를 수정합니다. 이는 본 PR의 변경 사항과 일치합니다.🛠️ Refactor
, 💉 Fix
🐰 새로운 버튼 클릭, 로그아웃의 길,
사용자 정보로, 더 이상 막힘 없네.
액세스 토큰도, 더 이상 더미가 아니니,
진짜로 로그인, 이제는 자유로이!
✨🐇
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
@Seok93 리뷰 감사합니다!
PR Type
What kind of change does this PR introduce?
Related Issues
What does this PR do?
Other information
새로고침 시
isAuthenticated
가 초기화되면서 헤더에 로그아웃 버튼 대신 로그인 버튼이 노출되는 이슈가 있었습니다. 이를 해결하고자 임시방편으로 이전 PR과 같이 영속 데이터인 userId를 체크하도록 코드를 추가했습니다. 추후 PR에서 새로고침 이슈 해결하면서 이 부분도 수정 진행하도록 하겠습니다!😆