본문 바로가기

프로그래밍/타입스크립트
17

타입스크립트 - 유틸리티 타입 제네릭, 맵드, 조건부 타입 등의 조작 기능을 이용해 실무에서 자주 사용되는 타입을 미리 만들어 놓은 것이다.이전 시간에 알아보았던 '조건부 타입', '제네릭 조건부 타입', '분산적 조건부 타입', 'infer 조건부 타입' 기반으로 미리 라이브러리화 해둔 것들이다.Partial특정 객체 타입의 모든 프로퍼티를 선택적 프로퍼티로 바꿔주는 타입interface Post { title: string, tags: string[], content: string, thumbnailURL? : string,}const draft: Partial = { title: '나중에', content: '초안',}Required특정 객체 타입의 모든 프로퍼티를 필수 프로퍼티로 바꿔주는 타입c.. 2025. 2. 18.
타입스크립트 - 조건부 타입 1. 조건부 타입두 가지의 타입에 조건을 걸어 특정 타입으로 반환하는 것을 의미한다.type ObjA = { a: number,}type ObjB = { a: number, b: number,}type B = ObjB extends ObjA ? string : number;ObjA가 ObjB에 속하는지를 삼항연산자로 작성하면 된다.B타입은 ObjA가 ObjB에 속하므로 string을 반환하게 된다.제네릭 조건부 타입type StringNumberSwitch = T extends number ? string : number;let varA: StringNumberSwitch //stringlet varB: StringNumberSwitch //number제네릭과 조건부 타입을 결.. 2025. 2. 18.
타입스크립트 - 타입 조작하기 1. 인덱스드 액세스 타입메서드의 매개변수에서 객체의 속성을 가져오도록 하는 문법.interface Post { title: string, content: string, author : { id: number, name: string, age: number, }}위와 같은 인터페이스를 작성하였고const post: Post = { title: '게시글 제목', content: '게시글 본문', author: { id: 1, name: 'junny', age: 100, },}post 객체를 구현하였을 때//프로퍼티가 추가되어도 자동으로 추가된다.function printAutorInfo(a.. 2025. 2. 18.
타입스크립트 - 제네릭 클래스 class GenericList { constructor(private list: T[]) {} push(data: T) { this.list.push(data); } pop() { this.list.pop(); } print() { console.log(this.list); }}클래스도 제네릭으로 지정할 수 있다.매개변수의 타입을 다양한 타입을 받아야한다면 위와 같이 지정할 수 있다.const numberList = new GenericList([1, 2, 3]);numberList.pop();numberList.push(4);numberList.print();const stringList = new GenericList(['h.. 2025. 2. 15.

최근댓글

최근글

skin by © 2024 ttuttak

티스토리툴바