옹재
소소한 개발 블로그
옹재
전체 방문자
오늘
어제
  • 분류 전체보기 (66)
    • 개발 관련 서적 스터디 (6)
    • 프론트엔드 스터디 (36)
      • Javascript (16)
      • Typescript (13)
    • Vue 스터디 (22)
    • 개발 관련 스터디 (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 프론트엔드 스터디
  • 개발서적 스터디
  • CSS
  • 프레임워크 없는 프론트엔드 개발
  • scss

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
옹재

소소한 개발 블로그

프론트엔드 스터디/Typescript

[TypeScript] 기초 - 리터럴 타입

2021. 7. 20. 17:54
728x90
반응형

리터럴

리터럴 타입은 변수 혹은 매개변수 등이 어떤 포괄적인 타입을 가지는 것이 아니라 변수나 매개변수에 정확한 값을 설정하는 것을 의미합니다.

let foo: 'Hello World!';

위의 예시처럼 특정한 값을 변수의 타입으로 지정하는 것을 리터럴 타입이라고 합니다. string 외에도 number, boolean 타입의 값도 설정이 가능합니다.

const helloWorld = "Hello World";

let hiWorld = "Hi World";

위의 예제에서는 helloWorld 변수는 const 이기 때문에 변할 수 없으므로 "Hello World"으로 타입이 지정됩니다. hiWorld 변수는 let이기 때문에 변할 수 있어서 컴파일러는 문자열이라고 선언할 것입니다.

보통 리터럴 타입은 유니온 타입과 함께 사용합니다.

let foo: 'JavaScript' | 'TypeScript' | 'React' | 'Node.js';
728x90
반응형

'프론트엔드 스터디 > Typescript' 카테고리의 다른 글

[TypeScript] 기초 - 교차 타입(Intersection Type)  (0) 2021.07.21
[TypeScript] 기초 - 유니온 타입(Union Type)  (0) 2021.07.21
[TypeScript] 기초 - 인터페이스(Interface)  (0) 2021.07.20
[TypeScript]기초 - 기본 타입  (0) 2021.07.20
[TypeScript] 데코레이터  (0) 2021.07.20
    '프론트엔드 스터디/Typescript' 카테고리의 다른 글
    • [TypeScript] 기초 - 교차 타입(Intersection Type)
    • [TypeScript] 기초 - 유니온 타입(Union Type)
    • [TypeScript] 기초 - 인터페이스(Interface)
    • [TypeScript]기초 - 기본 타입
    옹재
    옹재

    티스토리툴바