타입스크립트 컴파일러
타입 검사를 해주는 것이 컴파일러
타입스크립트 컴파일러는 TS -> JS 코드 변환함(C언어는 C => 기계어)
컴파일러를 이해하면 디버깅 과정에 도움이 된다.
컴파일러는 코드를 최적화하여 앱 실행 시간을 단축시킨다.
튜플
튜플은 서로 다른 타입의 원소를 순서에 맞게 가질 수 있는 특수한 형태의 배열
push로 데이터를 추가할 수 있으나 권장되지 않음
const person: [string, number, boolean[ = ['spartan', 25, true]
push로 데이터를 추가할 수 있으나 권장되지 않음
enum
열거형 데이터 타입
다양한 상수를 더 이해하기 쉬운 문자열로 접근하고 사용할 수 있게하는 타입
명확하게 관련된 상수 값들을 그룹화할 때 사용하는게 좋다.
다양한 상수를 더 이해하기 쉬운 문자열로 접근하고 사용할 수 있게하는 타입
명확하게 관련된 상수 값들을 그룹화할 때 사용하는게 좋다.
readonly
클래스의 속성이나 인터페이스의 속성을 변경할 수 없게 만든다.class Person {
readonly name: string; readonly age: number; constructor(name: string, age: number)
{ this.name = name; this.age = age; }
}
any vs unknown
가변적인 타입의 데이터를 저장하고 싶다면 any보단 unknown을 사용하자
unknown
모든 타입의 값을 저장할 수 있다.
하지만 그 값을 다른 타입의 변수에 할당하려면 타입 단언(as)를 통해 타입을 확인해주어야 한다.
하지만 그 값을 다른 타입의 변수에 할당하려면 타입 단언(as)를 통해 타입을 확인해주어야 한다.
union
여러 타입 중 하나를 가질 수 있는 변수를 선언할 때 사용한다.type StringOnNumber = string | number;
StringOnNumber라는 타입을 새로 선언, 문자열과 숫자 타입을 가질 수 있다.
enum = 상수를 관리할 때 사용, 값이 바뀌면 안된다.
object literal = 다양한 데이터 타입을 사용해야할 때 적절함
'Today I Learned' 카테고리의 다른 글
useSearchParams 사용법 (0) | 2024.03.06 |
---|---|
타입스크립트의 제네릭 이해하기 (0) | 2024.03.05 |
프로젝트 main 병합 전 dev에서 배포 테스트하기 (0) | 2024.02.27 |
React 프로젝트 시작, 깃허브 연동하기 (0) | 2024.02.27 |
new Date() 값을 redux에 넣을 때 A non-serializable value was detected in an action이 뜨는 에러 (0) | 2024.02.26 |