값 그 자체가 타입이 되는 것
let num1: 10 = 10;
num1 = 12; // 오류가 발생하고 10 이외에는 넣을 수 없다.
let str1: "hello" = "hello";
let bool1: true = true;
복합적인 타입을 만들 때 유용하게 사용되기 때문에 이런 타입이 있다는 것을 알아두자!
객체 리터럴 타입
let user: {
id: number;
name: string;
} = {
id: 1,
name: "홍길동",
};
user.id;
객체의 타입을 정의할 때는 오브젝트를 사용하면 객체인 것은 알지만 프로퍼티나 메서드에 접근하면 오류가 발생하기 때문에 잘 사용하지 않는다.
=> 객체의 모든 프로퍼티들의 타입까지 구조적으로 정의할 수 있는 방식인 객체 리터럴 타입을 사용한다.
객체의 구조를 기준으로 타입을 정의한다.
=> 구조적 타입 시스템
출처
한 입 크기로 잘라먹는 타입스크립트(TypeScript) - 인프런 | 강의
문법을 넘어 동작 원리와 개념 이해까지 배워도 배워도 헷갈리는 타입스크립트 이제 제대로 배워보세요! 여러분을 타입스크립트 마법사🧙🏻♀️로 만들어드립니다., 프론트엔드의 피할 수
www.inflearn.com
'Study > 🖥️ frontend' 카테고리의 다른 글
인덱스 시그니처 (0) | 2023.12.14 |
---|---|
자바스크립트 기본 복습 (0) | 2023.12.13 |
배열과 튜플 (0) | 2023.12.12 |
타입스크립트 동작 원리 (0) | 2023.12.11 |
타입 시스템 (0) | 2023.12.11 |