← 링크비온 홈페이지로 돌아가기도움말 목록
임계값 규칙 공통
"값이 이러면 저것"을 줄줄이 적어 두는 조건표. 모습을 바꾸는 거의 모든 바인딩이 이걸 씁니다.
필요: prop 자체가 아니라 여러 prop 이 공유하는 설정입니다 — text · color · fill · stroke · visible · state
규칙 = (연산자, 비교값, 출력) 의 목록 · 위에서부터 첫 매치 · 아무것도 안 맞으면 기본값

설명

바인딩 하나에 규칙을 여러 줄 적어 둡니다. 값이 들어오면 위에서부터 차례로 견주다가 처음 맞는 줄의 출력을 씁니다. 아무 줄도 안 맞으면 기본값으로 갑니다.

출력이 무엇인지는 그 규칙을 쓰는 prop 이 정합니다 — fill 이면 색, text 이면 보여 줄 글자, state 이면 상태 이름, visible 이면 1 또는 0 입니다.

같은 태그 하나에 색·글자·표시 여부를 각각 다른 규칙으로 걸 수 있습니다. 수위 태그 하나로 탱크 색을 빨갛게 하면서 "고수위 경보" 글자를 띄우는 식입니다.

규칙 칸. **위에서 아래로 첫 매치**가 이깁니다. 마지막 줄(비교 없는 색)이 아무것도 안 맞을 때의 기본값입니다.
규칙 칸. 위에서 아래로 첫 매치가 이깁니다. 마지막 줄(비교 없는 색)이 아무것도 안 맞을 때의 기본값입니다.

설정 항목

이름값기본설명
연산자op—< <= > >= == != 여섯 가지.
비교값number | string | bool—값과 견줄 대상.
출력string—맞았을 때 내보낼 것. prop 마다 뜻이 다릅니다 — 색이거나, 글자이거나, 상태 이름이거나.
기본값string(없음)어떤 규칙에도 안 맞을 때. 이것도 없으면 prop 마다 정해진 폴백으로 갑니다.

동작

순서가 곧 우선순위입니다. 위에서부터 첫 매치가 이깁니다.

  • > 90 → 빨강 / > 70 → 주황 / 기본 초록 은 뜻대로 동작합니다.
  • 순서를 뒤집어 > 70 → 주황 을 위에 두면 값 95 도 주황이 됩니다. 90 줄에는 닿지도 않습니다.

범위를 적을 때는 좁은 쪽부터 위에 두세요. 위아래로 겹치는 조건을 쓸 때 흔히 놓치는 지점이고, 규칙이 열 줄을 넘어가면 눈으로는 잘 안 보입니다.

== 와 != 는 느슨하게 비교합니다. 숫자 1과 글자 "1"이 같은 것으로 취급되고, true 와 1도 같습니다. 대부분은 이게 편하지만(태그가 문자열로 오는 프로토콜이 있습니다), "1" 과 1 을 구분해야 하는 화면이라면 이 방식으로는 나눌 수 없습니다.

크기 비교(< <= > >=)는 항상 숫자로 바꿔서 견줍니다. 글자 값이 들어오면 숫자로 바꿔지지 않아 어느 줄에도 안 맞고 기본값으로 갑니다. 글자를 견주려면 == 를 쓰세요.

규칙이 하나도 없으면 규칙 자체가 없는 것으로 봅니다 — 기본값도 쓰이지 않고, prop 마다 정해진 폴백으로 넘어갑니다. 색 계열은 "태그 값이 글자면 그 글자를 색으로", 그 외에는 아무 일도 하지 않는 식입니다.

해 보기

관련 항목