- Shadcn UI를 활용하여 React 프로젝트의 공통 헤더 컴포넌트 구축 🛠️
- Tailwind CSS 기반 디자인 시스템이므로 CSS 기본 지식 필요 🎨
- Skeleton 컴포넌트 설치 및 UI 폴더 내 index.ts 파일에서 관리 🗂️
- 공통 컴포넌트(헤더, 푸터)는 Common 폴더에서 관리하여 재사용성 증대 ♻️
- 다크 모드 적용을 위해 ThemeProvider를 설정하고, f.tsx에 적용 🌑
- 헤더 UI 구현 시, fixed 속성 및 z-index를 사용하여 레이아웃 고정 및 우선순위 설정 📌
- Separator 컴포넌트를 활용하여 UI 분리 및 시각적 효과 추가 ➗