<aside> 💡 목차

</aside>

1. 제네릭의 제약 조건

1-1) 제약 조건(Constraints)

• 타입 매개변수가 특정 조건을 만족해야 한다는 것을 명시하는 방법
• 제네릭 타입의 사용 범위를 제한, 특정 속성이나 메서드에 접근 가능

1-2) 제네릭 제약조건의 예시

interface Lengthwise {
  // length 속성을 가지는 인터페이스
  length: number;
}

• 제약 조건 사용을 위해 T라는 제네릭 타입이 Lengthwise 인터페이스를, 확장(상속)해야 함
• length 속성을 포함하는 어떠한 객체든지 인자로 전달 가능

function constraints<T extends Lengthwise>(arg: T): T {
  // T는 객체 타입(length 속성을 반드시 가지는)
  console.log(arg.length);
  // arg 매개변수는 반드시 .length 속성이 포함되어 있음
  return arg;
}

• arg 매개변수는 반드시 length 속성을 가지기 때문에 자동완성 기능에도 제공이 됨

let variable = constraints({
  length: 10,
  // length 속성을 가진 객체
  // +) 추가로 기타 속성 명시가 가능 >> 확장!
  value: 3,
  addedOption: '안녕하세요',
});

console.log(variable); // { length: 10, value: 3, addedOption: '안녕하세요' }

1-3) 최소한의 속성을 가진 객체 찾기

keyof 연산자

• 객체 형태의 타입을 따로 속성만 뽑아 유니온 타입으로 만들어주는 연산자
• 모든 키의 이름을 유니온 타입으로 반환