Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- 인프런
- 따라하며 배우는 노드 리액트 기본 강의
- react
- node.js로 로그인하기
- spring-boot
- 거북이 대포 게임
- intllij 내 Bean을 찾지 못해서 발생하는 오류
- DB Browser
- JS 개념
- Colaboratory 글자 깨짐
- Concurrently
- ReactDOM.render is no longer supported in React 18. Use createRoot instead
- node.js 설치
- Python
- Spring-Framework
- 리액트
- 자바스크립트
- react오류
- props
- 웹 게임을 만들며 배우는 리액트
- googleColaboratory
- vs code 내 node
- 계산맞추기 게임
- Do it 자바스크립트 + 제이쿼리 입문
- 타자 게임 만들기
- 모던자바스크립트
- 노드에 리액트 추가하기
- You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client"
- intellij
- 모두의 파이썬
Archives
- Today
- Total
프로그래밍 삽질 중
[TS] (utility types)Required, Record, NonNullable 타입 분석 본문
과거 프로그래밍 자료들/Javascript&typescript
[TS] (utility types)Required, Record, NonNullable 타입 분석
평부 2022. 9. 18. 23:46
출처 : https://github.com/ZeroCho/ts-all-in-one
https://github.com/microsoft/TypeScript/blob/main/lib/lib.es5.d.ts
* [lib.ex5.d.ts] Required, Record, NonNullable
type Required<T> = {
[P in keyof T]-?: T[P];
};
type Record<K extends keyof any, T> = {
[P in K]: T;
};
type NonNullable<T> = T & {};
* Required
- 옵셔널로 Profile을 만들었는데 모든 항목을 다 필수로 만들고 싶을 때 사용
interface Profile {
name?: string,
age?: number,
married: boolean
}
type Name = Profile['name']
const zerocho: Required<Profile> = {
name: "zerocho",
age: 29,
married: false,
}
* Required를 R로 만들기
interface Profile {
name?: string,
age?: number,
married: boolean
}
type Name = Profile['name']
type R<T> = {
//[Key in keyof T]는 name?, age?, married? 이렇게 가져옴
//-는 옵셔널을 전부 제거
[Key in keyof T]-?: T[Key];
}
const zerocho: R<Profile> = {
name: "zerocho",
age: 29,
married: false,
}
* Readonly
▶ 수정 못하게 막는 것
interface Profile {
name?: string,
age?: number,
married: boolean
}
const zerocho: Readonly<Profile> = { //프로필 수정 못함
name: "zerocho",
age: 29,
married: false,
}
zerocho.name = "nero"
* Readonly를 R로 만들기
interface Profile {
name?: string,
age?: number,
married: boolean
}
type Name = Profile['name']
type R<T> = {
readonly[Key in keyof T]: T[Key];
// -readonly[Key in keyof T]: T[Key]; //-도 붙일 수 있음
}
const zerocho: R<Profile> = { //프로필 수정 못함
name: "zerocho",
age: 29,
married: false,
}
zerocho.name = "nero" //수정이 안 되므로 오류난다고 나옴
* Record
▶ 객체를 표현하는 한 가지 방법
//1번 코드
interface Obj {
[key: string]: number;
}
//2번 코드(1번과 2번은 서로 같은 코드)
const a: Record<string, number> = {a: 3, b:5, c: 7}
* Record를 R로 만들기
type R<T extends keyof any, S> = { //T에 제한조건을 줌
[Key in T]: number;
}
const a: R<string, number> = {a: 3, b:5, c: 7}
* NonNullable
▶ null, undefined 제거
type A = string | null | undefined | boolean | number;
//type B = string | boolean | number
type B = NonNullable<A>;
* NonNullable를 N으로 만들기
type A = string | null | undefined | boolean | number;
//type B = string | boolean | number
type B = N<A>;
//삼항연산자 사용
type N<T> = T extends null | undefined ? never : T
'과거 프로그래밍 자료들 > Javascript&typescript' 카테고리의 다른 글
[TS] Promise, Awaited (1) | 2022.09.20 |
---|---|
[TS] (utility types) infer 타입 분석 (0) | 2022.09.20 |
[TS] (utility types)Partial, Pick & Omit, Exclude, Extract 타입 분석 (0) | 2022.09.18 |
[TS] 에러 처리법(interface, class 차이 비교) (0) | 2022.09.18 |
[TS] 공변성, 반공변성, 오버로딩 (0) | 2022.09.18 |