TypeScript

JavaScript 에서의 코드의 사용과 Type 검사, 컴파일 시 오류검사의 기능을 수행하지 못함, JavaScript가 서버 측 사용에서 엔터프라이즈 수준에서 성공하지 못함에 TypeScript 가 제시됨.

JavaScript의 SuperSet 이며 JavaScript에 type이 추가된 형태.

TypeScript는 브라우저에서 실행되기위해 JS로 변환되는 작업이 필요 > 컴파일

JS는 동적타입 언어이기에 런타임시에 오류 발생
TS는 정적타입 언어이기에 컴파일시에 오류 발생

children : React.ReactNode

리덕스 store의 모든 타입값을 가져오고자 할때

export type allState = ReturnType<typeof store.getState>

선언 이후 사용하고자 하는곳에서 
state: allState

type 지정 시 타입을 추가해주고 싶을때

export interface Ifirst { 
	a: string;
    b: boolean;
    c: number;
    ......
}

export type TSecond = Ifirst & { z: string; }

TSecond 를 이용해
Ifirst의 타입과 z : string 타입을 사용할 수 있다

변수 뒤의 !
1.어선셜 연산자
null이 아니라고 컴파일러에게 전달하여 일시적으로 Null 제약조건을 완화
2.확정 할당 어선셜
값이 무조건 할당되어있다고 컴파일러에게 전달하여 값이 없어도 변수 또는 객체를 사용

tsconfig.json의 compilerOptions target >> es 버전

'top' | 'bottom'

이런식으로 좁혀놓은 애들에 접근할때는
enum

enum POSITION { TOP = 'top' , BOTTOM = 'bottom' }
options { position: POSITION.TOP } 

or

options { position: 'top' as const  }
리터럴 타입으로 접근