[12일차] <타입 활용하기 - 조건부 타입>

[xeunnie]

[우아한 타입스크립트 with 리액트]

<5.1 타입 활용하기 - 조건부 타입>

1. extends와 제네릭을 활용한 조건부 타입
2. 조건부 타입을 사용하지 않았을 때의 문제점
3. extends 조건부 타입을 활용하여 개선하기
4. infer를 활용해서 타입 추론하기

[202110861]

<우아한 타입스크립트>

1. 키워드

   • 조건부 타입
   • infer
   • 불변 객체(as const)

2. 질문
   Q1. as const는 타입(숫자, 문자열, 객체, 배열)마다 어떻게 다른가요?

[202110861]

Q1. as const는 타입(숫자, 문자열, 객체, 배열)마다 어떻게 다른가요?

• 숫자, 문자열: 특정 값으로 타입을 좁힐 수 있지만 변수 앞에 const 를 사용한 것과 동일한 효과를 얻을 수 있기 때문에 덜 유용하다.
• 객체: 모든 속성을 읽기 전용(readonly)으로 변경하고 값의 범위를 좁힌다.
  → 속성 값을 변경할 수 없음을 의미
• 배열: 읽기 전용 값의 튜플로 변경.
  → 배열의 순서와 항목 수를 보존하기 때문에, 튜플을 생성하고 다루는 데 유용

[xeunnie]

[우아한 타입스크립트 with 리액트]

키워드

1. 조건부 타입 (Conditional Types)
2. 제네릭 한정 (Generic Constraints)
3. infer 키워드 (Type Inference)

질문

Q1. 조건부 타입의 역할과 장점은 무엇인가요?
Q2. 제네릭과 extends를 함께 사용하는 이유는 무엇인가요?

[202110861]

Q1. 조건부 타입의 역할과 장점은 무엇인가요?

• 역할: 상황에 따라 적절한 타입을 정해줌
• 장점: 정확한 타입 추론

Q2. 제네릭과 extends를 함께 사용하는 이유는 무엇인가요?

• 타입을 한정시켜서 더 정확한 타입을 추론할 수 있기 때문

[Stella-516]

<우아한 타입스크립트>
-키워드
조건부 타입
extends와 제네릭
infer

Q. 조건부 타입은 무엇이며 어떤 장점이 있나요?

[202110861]

Q. 조건부 타입은 무엇이며 어떤 장점이 있나요?

• 정의: 조건 ? A : B 형태를 가지며 조건이 true면 A, false면 B가 도출되는 것
• 장점: 상황에 따라 적절한 타입을 얻을 수 있어 정확한 타입을 추론할 수 있다.

[wlgusqkr]

<우아한 타입스크립트>

키워드

조건부 타입
infer
extends
질문

(책에 있는 예제가 기억이 나야되긴 합니다.)
Q1. 입력받는 타입과 return 타입을 유니온 타입에서 extends와 제네릭을 활용하여 조건부 타입으로 바꿨을 때 장점은 무엇인가요?

[202110861]

Q1. 입력받는 타입과 return 타입을 유니온 타입에서 extends와 제네릭을 활용하여 조건부 타입으로 바꿨을 때 장점은 무엇인가요?

• 바꾸기 전: 타입 설정이 유니온으로만 되어있기 때문에 타입스크립트는 해당 타입에 맞는 Data 타입을 추론할 수 없다.
• 바꾼 후
  • 타입에 따른 정확한 반환 타입을 추론하게 만들 수 있다.
  • 제네릭과 extends를 함께 사용해 제네릭으로 받는 타입을 제한 -> 개발자는 잘못된 값을 넘길 수 없어서 휴먼에러가 방지됨
  • extends를 활용해 조건부 타입 설정한다. -> 조건부 타입을 사용해서 반환 값을 사용자가 원하는 값으로 구체화 할 수 있다. -> 불필요한 타입 가드, 타입 단언 등을 방지할 수 있음.