Feat/13/dashboard header

[SeokChan-Lee]

❓이슈

• close Feat : 대시보드 헤더 공용 컴포넌트 작업 #13

✍️ Description

대시보드 공용 헤더 컴포넌트 구현하여 PR 올립니다.

작업 사항

• 대시보드 헤더 컴포넌트 구현
• 반응형 구현
• 컴포넌트 라우터에 따라 title이 변경되도록 구현
• 성락님께서 만드신 임시 mydashboard에 추가해놨습니다.

우선 API연동 작업 전까지 mock데이터로 멤버아이콘과 사용자 프로필을 설정해놨습니다.
반응형이 아직 어색한 부분이 많아 추후 추가 작업을 진행하도록 하겠습니다.
사이드바와 합쳐지니 스타일이 조금 어색한 부분이 있습니다. 이것도 추가로 수정하도록 하겠습니다.

✅ Checklist

PR

• Branch Convention 확인

  feat/* 기능 구현, fix/* 버그 수정, refactor/* 개선

• Base Branch 확인
• 적절한 Label 지정
• Assignee 및 Reviewer 지정

Test

• 로컬 작동 확인

Additional Notes

• Image 컴포넌트 width, height prop 수정
• 주석 내용 -> TODO로 수정
• 컴포넌트 세분화

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
taskify	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 5, 2025 5:50am

[SeokChan-Lee]

추가로 현재 대시보드 헤더 컴포넌트 네이밍이 Header로 되어 있는데 Dashboard-header로 하면 너무 긴거 같아 Header로 설정해놨습니다.
작업 시 혼동이 있을 수 있을거 같은데 어떻게 수정해야될지 의견 부탁드립니다 !

[ToKyun02]

컴포넌트 만드시느라 고생 많으셨습니다!

네이밍의 경우 폴더 구조상 Header가 구분되서 Header로 작업하셔도 상관 없다고 개인적으로 생각합니다.
만약, 네이밍을 구체적으로 하신다면 말씀해주신 것처럼 조금 길어지더라도 DashboardHeader가 좋다고 생각합니다.

추가 작업이 있으실 경우 PR 템플릿에 Additional notes에 todo list형태로 추가해주시면 돼요!

참고로, gap-[8px], text-[20px] 보단 gap-2, text-xl 로하시는게 작업하실 때 더 편하실거에용

지난번에 말했던 것처럼 tailwind 확장 설치하시면 아래 사진처럼 px단위로도 vscode내에서 바로 볼 수 있어용