타입스크립트 타입 지정

타입선언

boolean true와 false
null 값이 없음을 명시
undefined 값을 할당하지 않은 변수의 초기값
number 숫자
string 문자열
symbol 고유하고 수정 불가능한 데이터 타입이며 주로 객체 프로퍼티들의 식별자로 사용
object 객체형
array 배열
tuple 고정된 요소수 만큼의 타입을 미리 선언후 배열을 표현
enum 열거형, 숫자값 집합에 이름을 지정한 것이다
any 타입 추론 할 수 없거나 타입 체크가 필요없는 변수에 사용.
var 키워드로 선언한 변수와 같이 어떤 타입의 값이라도 할당 가능.
void 일반적으로 함수에서 반환값이 없을 경우 사용한다.
never 결코 발생하지 않는 값

타입 스크립트의 가장 큰 장점이 정적타이핑을 통해 코드 가독성, 예측성, 안정성의 향상이 될 수 있으므로 대규모 프로젝트에 매우 적합하다.

타입 캐스팅

기존의 타입에서 다른 타입으로 캐스팅 하려면 as 키워드를 사용하거나 <> 연사자 사용해서 바꿀수 있다.

const $input = document.querySelector('input[type="text"]')
// => $input : Element | null
const $input = document.querySelector('input[type="text"]') as HTMLElement
const $input = <HTMLElement>document.querySelector('input[type="text"]');