이번에는 직접 Sign-in 기능을 구현해보도록 하자. 그에 앞서, Supabase 에서 OAuth 를 구현할 때는 2가지 방법이 있다. Application code configuration Google pre-built configuration 1번의 경우, 로그인 버튼을 내가 직접 만드는 것이다. 2번의 경우, 미리 만들어진 로그인...

타입스크립트의 예약어 중 하나인 infer 를 통해 컨디셔널 타입과 함께 타입 추론을 극한까지 활용할 수 있다. infer type El<T> = T extends (infer E)[] ? E : never; type Str = El<string[]>; // type Str = string type NumOrbool = El&...

이번엔 함수 / 메서드의 타이핑에 대해 알아보자. 타입스크립트에서는 함수를 타이핑하는 방법을 여러 개 제공하고 있어, 한 번 다뤄볼 필요가 있다. 함수 타이핑 매개변수 타이핑 function example (a: string, b?: number, c = false) {} example('hi', 123, true); example('hi', ...

이번엔 타입스크립트에서 타이핑할 때 사용할 수 있는 컨디셔널 타입(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),...