도움말 / 데이터 연결
데이터 연결 28개 항목
게이트웨이 태그 하나를 화면의 무엇으로 보이게 할지 고르는 일입니다. 바인딩 한 줄이 요소 하나 + 태그 하나 + 속성(prop) 하나를 잇습니다.
기본
| 태그와 화면 사이 | 태그 → SSE → 바인딩이 어떻게 이어지는지 |
| text | 값을 글자로 보여준다. 가장 먼저 쓰게 되는 것 |
| 숫자 서식 | 배율·오프셋·소수점·단위·천단위 쉼표·날짜 패턴 |
모습 바꾸기 — 값에 따라 다르게 보이기
| fill | 도형 채움색 |
| color | 글자색 |
| stroke | 선색 |
| opacity | 투명도 (0~1) |
| visible | 보이기 / 숨기기 |
| state | 형상 전환 — 밸브 열림/닫힘처럼 모양 자체를 바꾼다 |
| 임계값 규칙 | 위 여섯 가지가 공통으로 쓰는 조건표. 위에서부터 첫 매치 |
움직이는 표현 — 값을 형상으로
이 묶음은 요소 안에 특정 파트가 있어야 돕니다. 심볼 팔레트의 심볼에는 대부분 이미 들어 있습니다. 직접 그린 도형에 걸 때는 각 항목의 "필요" 줄을 보세요.
| level | 채움 높이 — 탱크 수위, 세로 막대 |
| levelX | 채움 너비 — 가로 막대그래프 |
| slideY | 세로 이동 — 게이지 손잡이, 수문판 |
| angle | 회전각 — 게이지 바늘 |
| flow | 흐름 애니메이션 — 배관 |
| rotate | 요소 전체 회전 |
| x / y | 요소 전체 이동 |