...
| Section |
|---|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #DFE1E6 |
|---|
| bgColor | #ffffff |
|---|
| borderWidth | 1 |
|---|
| borderStyle | solidnone |
|---|
| 목록-상세 조회형 (Master-Detail) 가장 일반적인 업무 화면입니다. 좌측 메인 그리드에서 항목을 선택하면 우측 패널에 상세 정보나 차트가 나타납니다. 
|
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #DFE1E6 |
|---|
| bgColor | #ffffff |
|---|
| borderWidth | 1 |
|---|
| borderStyle | solidnone |
|---|
| KPI 종합 대시보드형 화면 상단에 가장 중요한 4~5개의 KPI 요약 카드를 가로로 배치하고, 하단에 차트나 표를 나란히 배치합니다.  Image Removed Image Added
|
|
| Column |
|---|
|
| 패널 |
|---|
| borderColor | #DFE1E6 |
|---|
| bgColor | #ffffff |
|---|
| borderWidth | 1 |
|---|
| borderStyle | solid |
|---|
| 분할형 위젯 대시보드 좌측에 세로로 긴 표(List)를 두고, 우측에 2x2 또는 1+2 형태로 여러 지표 차트를 쪼개서 보여주는 방식입니다.  Image Added
|
|
|
2. 대시보드를 위한 '절대 간격' 공식 (Spacing Formula)
제목과 본문 사이는 얼마나 띄워야 할까요? 위젯(카드) 사이는요? 아래 4가지 숫자 (24, 20, 16, 8)를 똑같이 적용해 보세요.
...