## 📌 설명 서비스 전반에서 공통으로 사용하는 Header 컴포넌트를 구현합니다. 사용자 상태(게스트/로그인)에 따라 다른 Header를 제공하며, 스크롤 위치에 따라 배경 Blur 효과를 적용하여 콘텐츠 가독성을 높입니다. 또한 로고와 네비게이션을 일관된 구조로 구성하여 재사용성을 확보합니다. ## 🛠️ 구현 목록 (TODO) > 진행할 작업을 체크리스트로 작성해주세요. ### Header * [ ] Header 공통 컴포넌트 구현 * [ ] 게스트 Header 구현 * [ ] 로그인 사용자 Header 구현 * [ ] 로고 영역 구성 ### 기능 * [ ] 스크롤 시 Background Blur 적용 ### 문서화 * [ ] Storybook 작성 ## ✅ 참고 > 디자인 링크, 관련 이슈 등 (선택) <img width="1114" height="83" alt="Image" src="https://github.com/user-attachments/assets/81d6a958-cbbc-4893-bf5a-e77f21fc9fae" /> <img width="807" height="38" alt="Image" src="https://github.com/user-attachments/assets/7d0c3dd0-1413-45a0-b4c6-6f22be87cbec" />
📌 설명
서비스 전반에서 공통으로 사용하는 Header 컴포넌트를 구현합니다.
사용자 상태(게스트/로그인)에 따라 다른 Header를 제공하며, 스크롤 위치에 따라 배경 Blur 효과를 적용하여 콘텐츠 가독성을 높입니다. 또한 로고와 네비게이션을 일관된 구조로 구성하여 재사용성을 확보합니다.
🛠️ 구현 목록 (TODO)
Header
기능
문서화
✅ 참고