본문 바로가기
개발 공부 일지/TypeScript

타입스크립트 - 리터럴 타입 / 타입 별칭

by yelimu 2024. 9. 10.

리터럴 타입

값을 곧 타입으로 하는 타입

변수를 선언하는 방식에 따라 (let , const) 변수의 타입이 다르게 정해진다.

let productName1 = '코드잇 블랙 후드';
const productName2 = '코드잇 텀블러';

productName1 의 타입은 문자열로 추론된다.

productName2 의 타입은 '코드잇 텀블러' 즉, 값 그 자체이다. 이것을 문자열 리터럴 타입이라고 한다.

let small = 95;
const large = 100;

small의 타입은 숫자형이다.

large 의 타입은 100. 숫자 리터럴이다 

 

문자열 리터럴 타입은 string에 포함되고 

숫자형 리터럴 타입은 number에 포함된다. 


타입 별칭 Type alias 

타입에도 변수처럼 이름을 붙여줄수있다. 

복잡한 타입에 이름을 붙이고 재사용하고 싶을 때 사용한다.

const cart: string[] = [
  'c001',
  'c001',
  'c002',
];

interface User {
  username: string;
  email: string;
  cart: string[];
}

 cart 의 타입을  string[] 으로 중복적으로 선언하고 있다.

type Cart = string[];

const cart: Cart = [
  'c001',
  'c001',
  'c002',
];

interface User {
  username: string;
  email: string;
  cart: Cart;
}

인터페이스처럼 여러군데에서 사용할 수 있다. 

 

함수, 객체도 마찬가지로 사용 가능하지만

객체는 인터페이스를 쓰도록 하자 

'개발 공부 일지 > TypeScript' 카테고리의 다른 글

타입스크립트 - keyof, typeof  (0) 2024.09.11
타입스크립트 - Union, Intersection  (0) 2024.09.11
타입스크립트 - interface  (0) 2024.09.10
타입스크립트 - enum  (0) 2024.09.10
타입스크립트 - 기본 문법  (1) 2024.09.10