[TS] Type | 02. Literal 타입

2024. 6. 28. 16:20·Language/TypeScript

Literal은 변수의 값 자체를 타입으로 하는 방식입니다.

Literal 타입은 주로 const 변수를 선언했을 때 볼 수 있습니다.

const는 값이 바뀔 일이 없기 때문에, 값 자체를 타입으로 두어도 무방하기 때문입니다.

let variable1 = 'var1';
const variable2 = 'var2';

let으로 선언하면 string 타입으로 설정되지만, const로 선언하면 "var2" 타입으로 설정됩니다.

Literal 타입은 함수의 매개변수 타입으로도 설정할 수 있습니다.

Literal 타입 변수는 일반 타입의 변수를 받는 함수에 사용할 수 있지만,

반대로 일반 타입은 literal 타입의 변수를 받는 함수에 사용할 수 없습니다.

let small = 90;  // type : number
const large = 100;  // type : 100

const printSize = (size: number) => {
    console.log(size);
};

const printSzie100 = (size: 100) => {
    console.log(size);
}

printSize(small);  // number 타입의 매개변수입니다.
printSize(large);  // 100은 number 타입의 매개변수에 사용할 수 있습니다.

printSzie100(small);  // number는 100 타입의 매개변수에 사용할 수 없습니다.
printSzie100(large);  // 100 타입의 매개변수입니다.
728x90

'Language > TypeScript' 카테고리의 다른 글

[TS] Syntax | 06. Union & Intersection  (0) 2024.06.28
[TS] Syntax | 05. 타입 별칭(Type Alias)  (0) 2024.06.28
[TS] Syntax | 04. Interface  (0) 2024.06.28
[TS] type | 01. 열거형(enum)  (0) 2024.06.28
[TS] Syntax | 03. 함수 타입 명시하기  (0) 2024.06.24
'Language/TypeScript' 카테고리의 다른 글
  • [TS] Syntax | 06. Union & Intersection
  • [TS] Syntax | 05. 타입 별칭(Type Alias)
  • [TS] Syntax | 04. Interface
  • [TS] type | 01. 열거형(enum)
Rayi
Rayi
  • Rayi
    아카이브
    Rayi
  • 전체
    오늘
    어제
    • 분류 전체보기 (276)
      • CS (40)
        • CV (2)
        • PS (34)
      • Reveiw (18)
        • Paper (18)
        • Github (0)
      • ML (8)
        • Pytorch (5)
      • Language (59)
        • Python (8)
        • JavaScript (32)
        • TypeScript (16)
        • C++ (3)
      • IDE (12)
      • Git (13)
      • Frontend (77)
        • React (8)
        • ReactNative (6)
        • SolidJS (20)
        • CSS (12)
      • Backend (44)
        • DB (18)
        • Node.js (11)
      • UI (3)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    GAN
    Three
    ps
    CS
    API
    ML
    CV
    ReactNative
    react
    PyTorch
    vscode
    nodejs
    python
    deploy
    review
    modal
    ts
    PRISMA
    figma
    frontend
    postgresql
    mongo
    CSS
    Git
    SOLID
    js
    backend
    Express
    expo
    DB
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.5
Rayi
[TS] Type | 02. Literal 타입
상단으로

티스토리툴바