43 lines
785 B
Markdown
43 lines
785 B
Markdown
|
# 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
|