keyof 및 조회 타입 소개

TypeScript의 keyof와 조회 타입을 사용하면 기존 타입의 키와 속성을 동적으로 다룰 수 있습니다.

객체의 타입을 참조하고 추출할 수 있으므로 코드를 더 유연하고 재사용 가능하게 만들 수 있습니다.

keyof란?

keyof 연산자는 객체 타입의 모든 키로 구성된 타입을 만듭니다.

예시:

type Person = {
  name: string;
  age: number;
};
type PersonKeys = keyof Person;

조회 타입이란?

조회 타입은 대괄호 []를 사용하여 객체의 특정 속성 타입을 가져옵니다.

예시:

type Person = {
  name: string;
  age: number;
};
type NameType = Person['name'];

keyof와 조회 타입 결합하기

keyof와 조회 타입을 함께 사용하여 동적이고 재사용 가능한 타입 제약 조건을 만들 수 있습니다.

function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

keyof 및 조회 타입의 사용 사례

일반적인 사용 사례는 다음과 같습니다:

• 동적 프로그래밍 인터페이스 만들기
• 객체에서 타입 안전성이 보장되는 속성 접근
• 타입 제약 조건을 사용하여 코드의 유연성 향상

실용적인 예제

다음은 keyof와 조회 타입을 결합한 실용적인 예제입니다:

type User = {
  id: number;
  username: string;
};

function printKey<T, K extends keyof T>(obj: T, key: K): void {
  console.log(`${key}: ${obj[key]}`);
}

const user: User = { id: 1, username: 'John' };
printKey(user, 'username');

keyof 및 조회 타입 사용의 장점

이러한 기능을 사용하면 다음과 같은 이점이 있습니다:

• 타입 안전성이 보장되는 동적 속성 접근
• 재사용 가능하고 확장하기 쉬운 코드
• 컴파일 시점에 오류를 더욱 효과적으로 방지

실습 과제

keyof와 조회 타입을 사용하여 사용자 객체의 속성에 동적으로 접근하는 함수를 만들어 보세요. 직접 실행해 보세요!

축하합니다!

keyof와 조회 타입을 사용하여 코드를 동적이고 타입 안전하게 만드는 방법을 배웠습니다. TypeScript의 이러한 고급 기능을 완전히 익힐 수 있도록 계속 연습해 보세요!