
조건문으로 타입 만들기
type Age<T> = T extends string ? string : unknown;
let age : Age<string> //age는 string 타입
let age2 : Age<number> //age는 unknown 타입
타입 조건식은 주로 extends 키워드랑 삼항연산자를 사용
extends : 왼쪽이 오른쪽의 성질을 가지고 있는지 체크
=> 삼항연산자를 통해 string이면 age는 string 타입이 되고,
string이 아니라면 unknown타입으로 설정해라 라는 의미.
infer 키워드
type Person<T> = T extends infer R ? R : unknown;
type newType = Person<string> // string 타입
infer : 입력한 타입을 변수로 만들어주는 키워드
1. 조건문 안에서만 사용가능
2. T에서 타입을 유추하고 R변수에 넣어라 라는 의미.
=> R = string
뭔가 쓸모 있는 부분도 있지만 쓸모없는 부분이 더 많은 강의였던? 느낌
덕분에 제네릭공부는 정말 많이 했다..!!
타입스크립트 강의는 이걸로 마치고 다음엔 요즘 떠오르는 풀스택 프레임워크 next.js강의를 들어보겠다 ~~~ 아뵤
SSR 랜더링방식을 지원한다고 하는데, 내가 만든 웹페이지는 얼마나 빠를까? 항상 이미지태그는 느리게 랜더링 돼서
답답했었는데, 그 부분이 제일 궁금하다. ^^
쨋든 타입스크립트는 프론트 필수덕목이기에 열심히 공부했던 것 같다.
자바랑 문법이 되게 비슷해서 금방 적응했다! 까먹지 말고 가끔씩 들여다봐야지 ㅎ.ㅎ
'TypeScript' 카테고리의 다른 글
object 타입 mapping (0) | 2023.07.04 |
---|---|
index signatures (0) | 2023.07.04 |
implements 키워드 (0) | 2023.07.04 |
d.ts 타입 정리 파일 (0) | 2023.07.04 |
Ambient Module + declare (0) | 2023.07.04 |

조건문으로 타입 만들기
type Age<T> = T extends string ? string : unknown;
let age : Age<string> //age는 string 타입
let age2 : Age<number> //age는 unknown 타입
타입 조건식은 주로 extends 키워드랑 삼항연산자를 사용
extends : 왼쪽이 오른쪽의 성질을 가지고 있는지 체크
=> 삼항연산자를 통해 string이면 age는 string 타입이 되고,
string이 아니라면 unknown타입으로 설정해라 라는 의미.
infer 키워드
type Person<T> = T extends infer R ? R : unknown;
type newType = Person<string> // string 타입
infer : 입력한 타입을 변수로 만들어주는 키워드
1. 조건문 안에서만 사용가능
2. T에서 타입을 유추하고 R변수에 넣어라 라는 의미.
=> R = string
뭔가 쓸모 있는 부분도 있지만 쓸모없는 부분이 더 많은 강의였던? 느낌
덕분에 제네릭공부는 정말 많이 했다..!!
타입스크립트 강의는 이걸로 마치고 다음엔 요즘 떠오르는 풀스택 프레임워크 next.js강의를 들어보겠다 ~~~ 아뵤
SSR 랜더링방식을 지원한다고 하는데, 내가 만든 웹페이지는 얼마나 빠를까? 항상 이미지태그는 느리게 랜더링 돼서
답답했었는데, 그 부분이 제일 궁금하다. ^^
쨋든 타입스크립트는 프론트 필수덕목이기에 열심히 공부했던 것 같다.
자바랑 문법이 되게 비슷해서 금방 적응했다! 까먹지 말고 가끔씩 들여다봐야지 ㅎ.ㅎ
'TypeScript' 카테고리의 다른 글
object 타입 mapping (0) | 2023.07.04 |
---|---|
index signatures (0) | 2023.07.04 |
implements 키워드 (0) | 2023.07.04 |
d.ts 타입 정리 파일 (0) | 2023.07.04 |
Ambient Module + declare (0) | 2023.07.04 |