TypeScript 2

[TypeScript] Generics

재사용 가능한 컴포넌트를 작성하는 것은 소프트웨어 엔지니어링에서의 중요한 부분입니다. 이러한 재사용 가능한 컴포넌트를 생성하는 주요 도구 중 하나가 바로 제네릭입니다. 제네릭을 사용해서 함수를 생성하는 경우와 그렇지 않은 경우, 어떤 점이 다른지 알아 봅시다. 🤯 제네릭을 사용하지 않는 경우 1. string 타입의 인자만 받을 수 있는 함수 function getText(text: string): string { return text; } getText 함수는 string 타입의 text만 받을 수 있습니다. 그런데 만약 getText 함수에 string 타입을 제외한 타입의 text를 넘긴다면 어떻게 될까요? function getText(text: string): string { return tex..

TypeScript 2021.12.22

[TypeScript] type vs interface

타입을 정의하는 방법에는 두 가지 방법이 있습니다. type과 interface 인데요, 두 가지 방식의 차이점을 알아봅시다. 1. type vs interface 📚 타입을 확장하는 방법 type은 & 연산자, interface는 extends 키워드를 이용합니다. interface IStudent2 extends IStudent { age: number; } type TStudent2 = TStudent & { age: number; }; 📝 선언적 확장 interface에서 할 수 있는 대부분의 기능들은 type에서 가능하지만, 한 가지 중요한 차이점은 type은 새로운 속성을 추가하기 위해서 다시 같은 이름으로 선언할 수 없지만, interface는 항상 선언적 확장이 가능하다는 것입니다. int..

TypeScript 2021.12.22
반응형