Type
-
[Typescript] Type GuardFrontend/Typescript 2023. 3. 12. 16:31
Type Guard란? 변수의 타입을 특정 영역으로 제한 → 타입을 더 한정되게 좁혀 나가는 과정 공식문서에 따르면, 타입가드는 특정 스코프 내에서 사용되는 타입을 런타임에 체크하는 일종의 표현입니다. Type Guard 사용해야 하는 상황 Union type을 사용할 시 발생하는 오류 유니온 타입을 사용해 코드를 작성하면 타입스크립트 컴파일러는 “타입체크”를 수행할 수 없다. //JS코드 function add(a, b) { return a + b; } // 실행결과가 예상과 다를 순 있어도, 컴파일도중에 오류가 발생하진 않는다. //TS코드 function add(a: number | string, b: number | string): number | string { return a + b; } //..
-
[Typescript] type과 InterfaceFrontend/Typescript 2023. 3. 12. 16:13
TypeScript에서 타입(Type)과 인터페이스(Interface)는 유사한 점이 매우 많고, 여러 경우에 자유롭게 혼용되어 사용 가능합니다. interface AnimalInterface { species: string height: number weight: number } const tiger: AnimalInterface = { species: 'tiger', height: 200, weight: 300 } type AnimalType = { species: string, height: number, weight: number } const lion: AnimalType = { species: 'lion', height: 180, weight: 400 } 하지만 둘의 차이와 한계를 이해하고 표..