보드 구축
보드 에디터는 앱 데이터를 실시간으로 표시하는 대시보드를 설계하기 위한 노코드 도구입니다.
보드 에디터 열기
- 클라우드 IDE에서 앱을 엽니다.
- 사이드 메뉴에서 Board 버튼을 클릭합니다.
- 현재 대시보드 레이아웃을 보여주는 보드 에디터가 열립니다.
위젯 추가
Add Widget을 클릭하여 보드에 새 컴포넌트를 배치합니다. 사용 가능한 위젯 유형:
| 위젯 | 활용 사례 |
|---|---|
| Line Chart | 시계열 트렌드 (시간에 따른 온도 변화) |
| Bar Chart | 카테고리별 비교 |
| Pie Chart | 분포 / 비율 |
| Gauge | 실시간 단일 값 (속도, 압력) |
| Value Display | 단일 숫자 또는 텍스트 표시 |
| Table | 정렬/필터링 기능이 있는 테이블 형식 데이터 |
| Map | 데이터 오버레이가 있는 디바이스 위치 |
| Embed | 외부 웹 콘텐츠 또는 디바이스 원격 접근 터널 |
데이터 연결
각 위젯은 data-template.yml의 테이블 및 컬럼에 연결됩니다:
- 위젯을 선택합니다.
- 데이터 소스 테이블을 선택합니다.
- 컬럼을 위젯의 축 또는 필드에 매핑합니다.
- 필터 또는 집계 옵션을 설정합니다.
데이터는 실시간으로 업데이트됩니다 — 디바이스에서 새 데이터가 도착하면 위젯이 자동으로 새로 고쳐집니다.
레이아웃
위젯을 드래그하고 크기를 조정하여 대시보드를 배치합니다. 보드는 다음을 지원합니다:
- 그리드 기반 위치 지정
- 다양한 화면 크기에서 작동하는 반응형 레이아웃
- 단일 보드 내 여러 페이지 / 탭
board-template.yml 파일
보드 에디터는 .ironflock/ 디렉터리에 board-template.yml 파일을 생성합니다. 이 파일은 완전한 보드 레이아웃, 위젯 구성, 데이터 매핑을 설명합니다.
원하는 경우 이 파일을 직접 편집할 수도 있습니다.
앱이 보드를 제공하지 않고 데이터만 수집하는 것도 완전히 유효합니다. 데이터 로거 앱은 일반적으로 수집된 데이터에서 사용자가 자신만의 대시보드를 구축하도록 합니다. 사용자가 만든 대시보드는 여러 앱의 데이터를 결합할 수도 있습니다.
Embed 위젯
Embed 위젯은 특히 강력합니다 — 디바이스의 원격 접근 터널을 보드에 직접 임베드할 수 있습니다. 이를 통해 사용자가 같은 인터페이스에서 전체 데이터를 모니터링하고 개별 디바이스와 상호작용할 수 있는 원활한 경험을 만들 수 있습니다.
Last updated on