inflearn logo
강의

Course

Instructor

[Code Factory] [Beginner] Complete Typescript Course from Code Factory in Just 8 Hours

infer를 사용한 type의 쓰임새

131

tjalswhd1133100

2 asked

0

infer는 제너릭으로 컨디셔널 타입으로 만들 때 제너릭으로 하나의 타입을 받아서 유동적인 타입을 받고 난뒤에 해당 타입이 함수를 거치든 어떤 값으로 나올 때 T 또는 배열안에 있던 타입을 그대로 사용하기 따라가기 위한 용도라고 일단 외웠습니다.

제가 혼자 예제 만들기를 좋아하는데 선생님이 해주신 아래 예제들이 어떤 의미를 가지고 어떻게 사용되는지 아직 잘 이해가 안됩니다 ㅠㅠ...

가능하시다면 변수가 Flatten<T>을 사용하는 예제랑 함수가 returnType사용해서 결과값을 내는 예제를 주실 수 있으실까요?

type Flatten<T> = T extends Array<infer ElementType> ? ElementType: T;

type Flatten2<T> = T extends (infer ElementType)[] ? ElementType : T;

type StringArray = Flatten<string[]>;
type NumberArray = Flatten2<number[]>;
type StringAndNumberArray = Flatten<(string|number)[]>
type TwoDArray = Flatten<boolean[][]>

감사합니다!

typescript infer conditionaltype

Answer 1

0

codefactory

안녕하세요!

Flatten은 실제로 존재하는 기능입니다.

Javascript에서도 flat()이라는 메서드로 제공 해주고 있습니다.

아래 링크를 보시면 실제 사용 예제를 확인 해볼 수 있습니다.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flat

감사합니다!

ts강의 42. override 마지막즘 질문

0

42

1

25. js array의 문제점 4:55쯤 질문입니다

0

31

1

union 기본기 7분 53초 질문 드립니다.

0

117

2

Equality Narrowing 관련 질문

0

117

2

tsconfig.json 설명

0

124

2

환불 관련 질문 드립니다.

0

179

1

재너릭이랑 any 차이가 뭔가요?

0

221

2

리플렉션과 데코레이터 사용시 의문점

0

135

2

변수의 선언이 중복되었다고 할 때

0

162

2

type 으로 함수의 형식을 정의하고 함수를 정의할 때

0

144

1

declare 키워드가 가끔 나오던데 이건 뭔가요?

0

150

2

class가 값이 될 수 있다는 말을 이해하기 어렵습니다.

0

127

1

null값의 타입은 object 아닌가요?

0

188

1

타입? 인터페이스? 질문있습니다

0

147

1

type functionOnly = Extract<string| (()=> void), Function> 의 의미

0

171

2

npm install cache error

0

205

1

12_experimental_decorator, class decorator

0

131

1

9_class/7_override.ts, super 키워드 질문

0

211

2

강의 계획이 궁금합니다!

0

289

1

instantiator 질문

0

151

1

따라하는데 에러 생기네요

1

390

2

webstorm에서 ts-node 설치해도 문제가 발생하고 있습니다.

0

485

3

혹시 수업하면서 작성된 코드는 따로 받아 볼 수 없나요?

0

203

1

object intersection에서 유니언으로 타입 질문

1

129

1