[심화] Filter - 섹터(Sector) Status, Condition

모든 컬렉션에서 원하는 섹터를 필터링해서 연결하거나 수집할 수 있습니다. 필터를 사용하는 방법이 알고 싶다면 이 페이지가 도움이 됩니다.

데이터의 상태관리(Sector Status) 에서 상태에 대한 이해를 도울 수 있습니다.

필터종류

Status filter	데이터(Sector)의 상태값에 따라 필터링 할 수 있습니다.
Condition filter	조건을 설정하여 조건에 부합하는 데이터(Sector)를 필터링 할 수 있습니다.
Custom filter	직접 여러 조건을 설정하여 조건에 부합하는 데이터(Sector)를 필터링 할 수 있습니다.
Parent Sector filter	데이터연결을 할때 부모 그룹을 그려주는 섹터의 특정 키값이 같은 데이터(Sector)들만 필터링 할 수 있습니다.

Status filter

• Active: 현재 활성화된 데이터만을 선택합니다.

• Selected: 사용자가 직접 선택한 데이터만을 선택합니다.

• Last Reflected: 가장 최근에 반영된 변경사항이 있는 데이터만을 선택합니다.

• Added: 최근에 추가된 데이터만을 선택합니다.

• Updated: 최근에 업데이트된 데이터만을 선택합니다.

• Deleted: 삭제된 데이터만을 선택합니다.

Condition filter

• Not_Exists : 특정 값이 존재하지 않는 데이터만을 선택합니다.

• Exists : 특정 값이 존재하는 데이터만을 선택합니다.

• == : 특정 값과 정확히 일치하는 데이터만을 선택합니다.

• != : 특정 값과 일치하지 않는 데이터만을 선택합니다.

• < : 특정 값보다 작은 데이터만을 선택합니다.

• <= : 특정 값 이하의 데이터만을 선택합니다.

• > : 특정 값보다 큰 데이터만을 선택합니다.

• >= : 특정 값 이상의 데이터만을 선택합니다.

• Like : 특정 패턴이나 문자열을 포함하는 데이터만을 선택합니다. SQL의 like와 동일한 기능으로 가능한 패턴으로는 % 와 _ 가 있고 %는 모든문자, _는 한글자를 의미합니다.

• RegExp : 정규 표현식 패턴에 맞는 데이터만을 선택합니다.

  

  010-XXXX-XXXX 인 휴대폰번호 필터링 예시

  참고 - Regular expression syntax cheat sheet - JavaScript | MDN

Condition Key

비교하려고 하는 키 명칭

Condition Value

비교하려는 값 또는 정규식

비교하려는 값은 대체텍스트를 통해 다양한 값을 동적으로 비교값으로 만들어줄 수 있습니다.

Custom filter

대상 섹터는 sector변수로 지정됩니다.

//if 문을생략하고 조건을 넣음.
sector.orderCount > 0 || sector.orderCount == _c.activeSector.orderCount

// 직접 조건에 따른 return 을 해주는 경우
for(...) {
	if(...) {
		return true;
	}
}
return false;

Parent Sector filter

[심화] 카테고리 연결관계에서 연결관계에 대한 이해를 도울 수 있습니다.

해당 필터를 사용하기 위해서는 필요한 조건이 있습니다. 상위 그룹에 데이터 연결이 되어있고 하위 컴포넌트(그룹 또는 레이아웃)에 데이터 연결이 되어있을 경우 입니다. 하위 컴포넌트에서 데이터 용도를 조회로 사용할 때 Parent Sector filter를 사용할 수 있습니다.

Parent Sector filter를 사용할 수 있는 경우

• 상위 컬렉션 키 부모(상위) 그룹을 그려주는 섹터에서 비교하려고 하는 키 명칭

• 현재 컬렉션키 현재(하위) 그룹/레이아웃을 그려주는 섹터에서 비교하려고 하는 키 명칭