• 타입스크립트는 런타임 단이 아닌, 빌드타임(트랜스파일)때 타입 체크를 진행 할 수 있다.
• 타입스크립트 이전에는 FLOW라는 라이브러리의 도움을 받아서 작성을 했다. 하지만 타입스크립트 처럼 빌드 타임때 타입체크를 하지 않는다.

<aside> 🧠 현재는 vscode + typescript의 강력한 조합으로 개발자들의 생산성을 올려주 었다.

</aside>

리액트 코드를 효과적으로 작성하기 위한 타입스크립트 활용법

1. any 대신 unknown을 사용.

   • unknown은 모든 값을 할당 할 수 있는 top type으로, 어떤 값도 할당 가능하다.

   • never은 unknown과 반대로 어떠한 타입도 들어 올 수 없다. ⇒

     • 예시) react에서 props로 어떠한 값도 들어올 수 없다라는 것을 나타내기 위해 never를 사용할 수 있다.

     type Props = Record<string, never>
     
     function Nav(props:Props){
         return <div>호이짜! </div>
     }
     
     // Type string is not assginalble to type 'never'
     <Nav hello='world'/>
     

     • Nav 컴포넌트에 props로 아무것도 올수가 없다.

2. 타입 가드를 적극적으로 활용하자.

   • instanceof : 지정한 인스턴스가 특정 클래스의 인스턴스인지 확인 할 수 있는 연산자.
   • typeof : 특정 요소에 대해 자료형을 확인하는 데 사용된다.