본문 바로가기
Study/🖥️ frontend

리터럴 타입

by 둘 리 2023. 12. 12.
값 그 자체가 타입이 되는 것


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;

 

객체의 타입을 정의할 때는 오브젝트를 사용하면 객체인 것은 알지만 프로퍼티나 메서드에 접근하면 오류가 발생하기 때문에 잘 사용하지 않는다.

=> 객체의 모든 프로퍼티들의 타입까지 구조적으로 정의할 수 있는 방식인 객체 리터럴 타입을 사용한다.

 

객체의 구조를 기준으로 타입을 정의한다.

=> 구조적 타입 시스템

 

 

 

출처


https://www.inflearn.com/course/%ED%95%9C%EC%9E%85-%ED%81%AC%EA%B8%B0-%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8/dashboard

 

한 입 크기로 잘라먹는 타입스크립트(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