Feat[#228] : Header user data와 alarm data 조회 연결

[grapefruit13]

관련 문서

• issue: Feat: Header user data 조회, alarm data 조회 #228
• close Feat: Header user data 조회, alarm data 조회 #228

유형

• 기능 구현
• UI 구현
• 리팩토링
• 버그 해결
• 문서 업데이트
• 기타( )

작업 내용

설명

📌 기능

💁 HeaderSigninButton & HeaderSignupButton

• 비로그인 상태에 Header에 프로필 대신 보여집니다.
• Link 기능이 있습니다.
• PC 사이즈에서만 hover 효과있습니다.

💁 hooks/useUserData.ts

• 액세스토큰이 있을 시에만 useQuery로 user data를 가져옵니다.
• 조건부로 실행되어야 하기에 hook 으로 분리했습니다.

💁 hooks/useAlarmData.ts

• 액세스토큰이 있을 시에만 useQuery로 alarm data를 가져옵니다.
• 조건부로 실행되어야 하기에 hook 으로 분리했습니다.

💁 cookieUtils.ts의 getCSRCookie

• CSR 쿠키에서 토큰을 가져옵니다.

💁 checkAuth.ts의 setAuthorization

• SSR instance의 authorization header를 accessToken으로 설정합니다.

🎥 모션 영상

header.mp4