2021-07-31 :: Typescript 내용 정리

자바스크립트에서 primitive는 객체도 아니고 메서드도 갖지 않는 값이다.

타입스크립트에서 type은 non-primitive 값이다.

ts에서 타입을 지정할때 type이라는 키워드를 사용해서 지정한다.

 

컴포넌트의 속성 children은 ReactNode 타입이다.

react로부터 import한 FC타입 안에는 children 속성이 이미 포함되어 있기 때문에 ReactNode 타입을 따로 지정해줄 필요는 없다.

 

react에서는 ComponentProps라는 타입을 지원한다. 이 타입은 다음과 같은 구문을 통해 사용하는 제너릭 타입이고 컴포넌트의 속성 타입을 알아낼 수 있다.

type TouchableOpacityProps = ComponentProps<typeof TouchableOpacity>;

 

react-native는 StyleProp 타입과 모든 리액트 네이티브 컴포넌트에 대한 style형식의 타입을 지원한다. 

import type {StyleProp, ViewStyle} from 'react-native';
...
    viewStyle?: StyleProp<ViewStyle>;

 

또한 타입스크립트는 대수 데이터 타입(ADT)을 지원하기 때문에 |나 &와 같은 연산자를 이용해서 타입을 결합할 수 있다.