447+ 파일, 4500+ 줄 변경: - gray-* → border/bg-muted/text-foreground/text-muted-foreground - blue-* → primary/ring - red-* → destructive - green-* → emerald (일관성) - indigo-* → primary - yellow/orange → amber (통일) - dark mode 변형도 시맨틱 토큰으로 변환 Made-with: Cursor |
||
|---|---|---|
| .. | ||
| HeroSectionLayout.tsx | ||
| HeroSectionLayoutRenderer.tsx | ||
| README.md | ||
| config.ts | ||
| index.ts | ||
| types.ts | ||
README.md
heroSection
영웅 섹션 레이아웃입니다
사용법
이 레이아웃은 자동으로 등록되어 화면편집기에서 사용할 수 있습니다.
구성
HeroSectionLayout.tsx: 메인 레이아웃 컴포넌트HeroSectionLayoutRenderer.tsx: 렌더러 (자동 등록)config.ts: 기본 설정types.ts: 타입 정의index.ts: 진입점
개발
HeroSectionLayout.tsx에서 레이아웃 로직 구현config.ts에서 기본 설정 조정types.ts에서 타입 정의 추가
설정
{
hero-section: {
// TODO: 설정 옵션 문서화
}
}
존 구성
- 존 1 (
zone1): 기본 영역 - 존 2 (
zone2): 기본 영역 - 존 3 (
zone3): 기본 영역
생성일: 2025. 9. 10. 버전: 1.0.0 작성자: 개발자