is-valid-types()

자료형(Data Types) 검사 유틸리티 함수

용도

커스텀 유틸리티 함수 작성 시, 특정 값의 자료형이 기대되는 자료형과 일치하는 지 확인할 때 사용합니다.

사용법

is-valid-types() 함수에 특정 값과 기대되는 자료형을 리스트로 전달합니다.

is-valid-types($data:any, $typelist:list) → bool

$value: rem(30px);

@debug is-valid-types($value, number color); // true 반환

매개변수(parameter)	유형(type)	필수(required)	기본 값(default)
$data	any	✔︎
$typelist	list	✔︎

유틸리티 함수 안에서 자료형을 검사한 후, 결과 값에 따라 코드를 조건 분기하는 예시

@if is-valid-types($value, number color)) {
  // ...
} @else {
  // ...
}

로직

is-valid-types() 유틸리티는 다음의 로직에 의해 작성되었습니다.

@function is-valid-types($data, $typelist) {
  @each $valid-type in $typelist {
    @if type-of($data) == $valid-type { @return true; }
  }
  @return false;
}

1. 전달 받은 자료형 리스트를 순환하여 각 유효한 자료형과 전달 받은 데이터 유형을 비교

2. 유형이 일치할 경우 true 불리언(bool) 값 반환
3. 유형이 일치하지 않을 경우, false 불리언 값 반환

참고

유틸리티 함수 로직에 사용된 Sass:meta 함수는 다음과 같습니다.

• type-of()

유틸리티 함수 로직에 사용된 Sass의 흐름 제어(Flow Control) 문은 다음과 같습니다.

• @each
• @if / @else