타입 단언은 타입이 명시적으로 해주지 않았을 경우 as 키워드로 명확하게 해주는 것을 의미 한다. 타입 가드는 is 키워드를 이용하여 해당 타입이 맞는지 여부를 체크할 때 주로 사용한다.

타입추론이란 사용자가 명시적으로 타입을 적어주지 않았을 경우 타입스크립트가 자체적으로 타입을 추론하는 것을 의미 한다. 아래의 예제를 확인해보자. 일반 함수 sum 이라는 함수는 인자값 b와 c의 값을 더하는 함수이다. 잘보면 b는 number이고 c는 string 이다. 자바스크립트를 해보신 분들은 아시겠지만 숫자+문자 = 문자로 반환되게 되어진다. 그러므로 타입스크립트는 b는 숫자라고 인식하고 반환값은 string이라고 사용자가 명시적으로 입력하지 않아도 알아서 추론하게 된다. 인터페이스 제네릭 사용시 제네릭을 사용할 때에도 마찬가지 이다. Dropdown의 경우 T는 선언 당시 어떤 타입인지 알 수가 없다. 아래에서 객체를 생성할 때 number라고 명시적으로 선언을 해주었기 때문에 인터페이스 제네..

타입스크립트를 제대로 배우지 않고 문서를 보면서 적당히 홈페이지만 개발을 한 적이 있었다. 그 때는 api를 호출하지 않았기 때문에 제네릭을 사용할 일이 없었다. 하지만 api를 호출할 시 비동기적인 코드들과 같이 사용시에는 제네릭이 필수적으로 사용이 된다. 그 중 하나는 Promise 함수 이다. 아래의 함수를 예로 들어보면 간단하게 아이템을 비동기적으로 호출하는 함수이다. 리턴 타입이 일단 제네릭으로 되어 있으며 unknown인 상태이다. promise는 함수 호출 시점에서 await를 사용하느냐 여부에 따라 Pending이 될수도 있고 정상적인 값을 가져올 수도 있다. 그렇기 때문에 리턴 타입을 명확하게 써주어야 한다. 우선 아래와 같이 리턴 타입을 정의해보자. Promise는 타입스크립트에서 이미..

타입스크립트 제네릭은 호출하는 시점에 타입을 정의하는 것을 의미한다. function logText(text: T): T { return text; } T라는 것은 타입의 줄임말이며 아직 타입이 정의되지 않은 상태 입니다. 아래처럼 함수를 호출 할 때 타입을 정의 할 수 있음 function logText(text: T): T { return text; } logText("안녕하세요); logText(10); logText(true); 또한 인터페이스에서 제네릭을 사용하므로써 코드를 상당히 줄일 수 있는 장점도 있다. 제네릭의 타입제한 ㅌ타입을 무한정으로 받아버리면 이 역시 나중에 코드분석을 하기 어려워 진다. 딱 필요한 타입만 받게끔 미리 설정을 해 둠으로써 추후에 복기를 했을 때 까먹지 않고 바로 이..

오브젝트를 사용하는 것과 크게 뭐가 차이나는지 이해가 가지않음.

타입스크립트 유니언 타입 사실상 별거 없다. 타입을 여러개 더 추가 하는 방식의 코딩기법이다. 인터페이스 작성시 유니언타입 유의사항으로는 공통된 속성만 가져올 수가 있으므로 주의한다.