[7일차] <타입 조합>

[xeunnie]

[7일차] 키워드 및 질문

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

<3-2장 타입 조합>

1. 교차타입(Intersection)
2. 유니온 타입(Union)
3. 인덱스 시그니처(Index Signature)
4. 인덱스드 엑세스 타입(Indexed Access Types)
5. 맵드 타입(Mapped Types)
6. 템플릿 리터럴 타입(Template Literal Types)
7. 제네릭(Generic)

[202110861]

<우아한 타입스크립트>

1. 키워드

   • 인덱스 시그니처
   • 인덱스드 엑세스 타입
   • 인덱스드 엑세스 타입
   • 맵드 타입
   • 제네릭

2. 질문
   Q1. 제네릭에 대해 설명하고 제네릭 타입의 배열과 any 타입의 배열의 차이점은 무엇인지 설명해주세요.

[202110861]

Q1. 제네릭에 대해 설명하고 제네릭 타입의 배열과 any 타입의 배열의 차이점은 무엇인지 설명해주세요.

• 정적 언어에서 다양한 타입 간에 재사용성을 높이기 위해 사용하는 문법. 일반화된 데이터 타입
• any: any타입 배열에서는 배열 요소들의 타입이 전부 같지 않을 수 있다. (타입 검사를 하지 않고 모든 타입이 허용되는 타입으로 취급)
• 제네릭: 아무 타입이나 무분별하게 받는게 아니라, 배열 생성 시점에 원하는 타입으로 특정할 수 있다. (배열 요소가 전부 동일한 타입을 보장)

[xeunnie]

Q1. 제네릭에 대해 설명하고 제네릭 타입의 배열과 any 타입의 배열의 차이점은 무엇인지 설명해주세요.

A1.

• 제네릭은 타입을 매개변수처럼 받아 코드의 재사용성을 높이는 타입스크립트 기능입니다.
• 제네릭 배열(Array)은 배열의 요소 타입을 특정할 수 있어 타입 안정성을 보장하지만, any 배열(Array)은 모든 타입을 허용하므로 타입 안정성이 없습니다.
• 따라서, 제네릭을 사용하면 배열 내부의 데이터 타입이 보장되고, 타입 추론이 가능해 안전한 코드 작성이 가능해집니다.

[Stella-516]

<우아한 타입스크립트>
교차타입
&
extends
intersection
유니온타입

Q. 인덱스 시그니처란?

[202110861]

Q. 인덱스 시그니처란?

• 특정 타입의 속성 이름은 알 수 없지만 속성 값의 타입을 알고 있을 때 사용하는 문법
• [key: K]: T 꼴로 타입 명시

[xeunnie]

Q1. 인덱스 시그니처란?

A1.

• 인덱스 시그니처는 객체의 속성 이름을 미리 알 수 없을 때 해당 속성의 타입을 지정하는 방법입니다.
• [key: string]: number;와 같은 형태로 선언하며, 특정 패턴을 따르는 속성을 정의할 때 유용합니다.
• 예를 들어, 동적으로 속성이 추가되는 객체를 정의할 때 사용하면 유연한 타입 관리를 할 수 있습니다.

[wlgusqkr]

<우아한 타입스크립트>

키워드

인덱스 시그니처
맵드 타입
제네릭
질문
Q1. 맵드 타입을 사용해서 얻을 수 있는 장점은 무엇인가요?

[202110861]

맵드 타입을 사용해서 얻을 수 있는 장점은 무엇인가요?
이미 선언된 타입을 바탕으로 새로운 타입을 선언할 때 사용하기 때문에 같은 타입을 또 적을 필요가 없어진다. 즉, 반복적인 타입 선언을 효과적으로 줄일 수 있다.

[xeunnie]

Q1. 맵드 타입을 사용해서 얻을 수 있는 장점은 무엇인가요?

A1.

• 맵드 타입은 기존 타입을 변형하여 코드의 중복을 줄이고 재사용성을 높일 수 있는 기능입니다.
• 특정 타입을 기반으로 새로운 타입을 생성할 수 있어, 객체 속성을 동적으로 변환하거나 부분적으로 수정하는 데 유용합니다.
• 이를 활용하면 반복적인 타입 선언을 줄이고, 확장성이 높은 타입 시스템을 만들 수 있습니다.

[xeunnie]

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

키워드

1. 유니온 타입 (Union Type) - 여러 타입 중 하나를 선택하여 사용할 수 있는 타입
2. 맵드 타입 (Mapped Types) - 기존 타입을 변형하여 새로운 타입을 생성하는 기능
3. 제네릭 (Generic) - 타입을 매개변수처럼 사용하여 다양한 타입에 대해 유연하게 대응할 수 있는 기능

질문

• 유니온 타입과 교차 타입의 차이점은 무엇이며, 각각 언제 사용하는 것이 적절한가요?
• 인덱스 시그니처와 맵드 타입의 차이점은 무엇이며, 각각 언제 사용하는 것이 적절한가요?

[202110861]

Q1. 유니온 타입과 교차 타입의 차이점은 무엇이며, 각각 언제 사용하는 것이 적절한가요?

• 교차 타입: 기존의 타입에서 타입 몇 개만 추가하고 싶을 때 사용한다. (A +B)
• 유니온 타입: 값이 타입 2개가 올 수도 있을 때 사용한다. A타입이 오거나 B타입이 오거나 할 때(A or B)

Q2. 인덱스 시그니처와 맵드 타입의 차이점은 무엇이며, 각각 언제 사용하는 것이 적절한가요?

• 인덱스 시그니처: [key: K]: T 꼴로 타입을 명시해주면 나머지 키와 값도 각각 K타입, T타입이어야 한다.
• 맵드 타입: 기존에 선언된 타입을 자신이 원하는 형태로 수정하여 새로운 타입을 만들 수 있다. 반복적인 타입 선언을 줄이기 위해서 사용한다.

[xeunnie]

Q1. 유니온 타입과 교차 타입의 차이점은 무엇이며, 각각 언제 사용하는 것이 적절한가요?

A1.

• 유니온 타입(A | B)은 A 또는 B 중 하나만 허용하는 타입이며, 선택 가능한 타입을 지정할 때 사용됩니다.
• 교차 타입(A & B)은 A와 B의 모든 속성을 합친 타입으로, 여러 개의 타입을 결합해야 할 때 사용됩니다.
• 유니온 타입은 서로 다른 타입 중 하나를 선택해야 할 때, 교차 타입은 여러 타입을 조합하여 새로운 타입을 만들 때 적절합니다.

Q2. 인덱스 시그니처와 맵드 타입의 차이점은 무엇이며, 각각 언제 사용하는 것이 적절한가요?

A2.

• 인덱스 시그니처는 객체의 속성 이름을 미리 알 수 없을 때 사용되며, 속성의 패턴을 정의하는 데 유용합니다.
• 맵드 타입은 기존 타입을 변형하여 속성을 변환하거나 선택적으로 사용할 때 유용합니다.
• 인덱스 시그니처는 동적 속성을 다룰 때, 맵드 타입은 기존 객체의 속성을 재활용할 때 적절합니다.