이번엔 타입스크립트에서 타이핑할 때 사용할 수 있는 컨디셔널 타입(Conditional Type)에 대해 알아보도록 하자. 컨디셔널 타입(Conditonal Type) type A1 = string; type B1 = A1 extends string ? number : boolean; // type B1 = number type A2 = numb...

이번엔, 제네릭에 대해서 살펴보도록 하자. 타입스크립트를 사용하게 되면서 가장 많이 마주칠지도 모른다. 제네릭(generic) const person1 = { type: 'human', race: 'yellow', name: 'zero', age: 28, } const person2 = { type: 'huma...

이번에 다루어 볼 것은, 타입의 상속과 브랜딩이다. 상속 자바스크립트에서는 객체 간의 상속이 가능하다. 상속을 하면 부모 객체에 존재하는 속성을 다시 입력하지 않아도 되므로 중복 제거가 가능하다. class Animal { constructor(name) { this.name = name; } } class Dog ...

이전에, TypeScript 에서 사용할 수 있는 연산자 중 Union(유니온) 연산자에 대해 알아보았다. 유니온 연산자는 한 타입에서 2개 이상의 서로 다른 타입을 갖도록 만드는 연산자로, 일종의 합집합을 만들어주는 역할이었다. 이번에 다룰 인터섹션은, 교집합을 만들어주는 역할이다. 이에 대해 알아보도록 하자. 인터섹션(Intersection),...

이번에 다루어볼 내용은, 타입 별칭(Type alias)라는 것이다. 타입 별칭을 이용하면, 마치 변수를 통해 값을 저장하는 것 처럼 특정 타입을 저장하고 하용할 수 있다. 타입 별칭(type alias) type A = string; const str: A = 'hello'; 지금은 간단한 에시로, A라는 새 타입을 정하고 string 타입으...

자바스크립트와 달리, 타입스크립트에서만 존재하는 타입과 연산자가 있다. 바로 Union Type 을 지정할 때 사용하는 연산자인 |(파이프 연산자)인데, 이번엔 이들에 대해 알아보자. Union Type(유니온 타입) 이란? 유니온 타입은 하나의 변수가 여러 타입을 가질 수 있는 가능성을 표시한다. 말 보다는 코드로 보도록 하자. let strO...

이전에 타입스크립트를 통해 타입을 지정하고, 보다 편리하게 추론하는 것까지 알아보았다. 이번엔 객체와 배열의 타입을 지정할 때 알면 좋은 것을 간단히 짚고 넘어가보도록 하자. 객체의 타입을 지정할 때 const obj = { name: 'zero' }; // const obj: { name: string } const arr = [1, 3, 'fi...