2025 React Master Class - 13강: Shadcn UI를 활용한 공통 Header 컴포넌트 만들기
- Shadcn UI와 Supabase를 활용한 React 프로젝트 개발 시작 🚀
- HTML, CSS, JavaScript, TypeScript 기본 지식 필요, UI 작업 상세 설명은 생략 🎨
- Shadcn UI는 테일윈드 CSS 기반, CSS 이해도 중요 📚
- 스켈레톤 컴포넌트 설치 및 UI 폴더 내 관리 📦
- 공통 헤더 및 푸터 컴포넌트 생성, 커먼 폴더에서 관리 📁
- 페이지 레이아웃 구성, CSS를 활용한 스타일링 적용 💅
- 헤더 컴포넌트 UI 구현, Flexbox를 활용한 레이아웃 배치 🎛️
- 로그인, 로고, 내비게이션 메뉴 UI 구성 🔑
- 세퍼레이터 컴포넌트 설치 및 적용, UI 분리 ➗
- 다크 모드 적용, 테마 프로바이더 설정 🌙
- 이미지 사이즈 조정 및 커서 포인터 속성 추가 🖼️
- UI 구조 참고 및 레이아웃 배치 고민 🤔
- 스켈레톤 UI를 활용한 컨텐츠 영역 레이아웃 구성 예정 🏗️