# flexbox

유연한 박스 모델을 사용하는 레이아웃입니다.

## 사용법

이 레이아웃은 자동으로 등록되어 화면편집기에서 사용할 수 있습니다.

## 구성

- `FlexboxLayout.tsx`: 메인 레이아웃 컴포넌트
- `FlexboxLayoutRenderer.tsx`: 렌더러 (자동 등록)
- `config.ts`: 기본 설정
- `types.ts`: 타입 정의
- `index.ts`: 진입점

## 개발

1. `FlexboxLayout.tsx`에서 레이아웃 로직 구현
2. `config.ts`에서 기본 설정 조정
3. `types.ts`에서 타입 정의 추가

## 설정

```typescript
{
  flexbox: {
    // TODO: 설정 옵션 문서화
  }
}
```

## 존 구성

- **존 1** (`zone1`): 기본 영역
- **존 2** (`zone2`): 기본 영역

---

생성일: 2025. 9. 10.
버전: 1.0.0
작성자: Developer