타입스크립트 Literal Type

string, number 말고도 일반 글자도 타입이 될 수 있다.

 

let name : "june";
let age : "28";

 

"june","28"이라는 타입을 만들었다.

 

그러면 name에는 "june", age에는 "28"만 할당할 수 있다.

import React, { useState } from "react";

function App() {
  
  let name: "june" = "june";
  let age: "28" = "28";
  return (
    <>
      {name}
      {age}
      {/* {내함수(자료.name)} */}
    </>
  );
}

age에 문자열 28이 아닌, 숫자 28을 할당하면 타입에러가 나타난다.

 

코딩애플의 강의를 보고 있는데, 

const버전의 업그레이드라고 생각하면된다고 한다.

const는 2개이상 저장을 못하는데, literal types는 2개 이상 저장가능

 

as const 문법

as const의 2가지 효과

1. object의 value값을 그대로 type으로 지정
2. object 속성들에 모두 readonly 붙혀준다.

1. object의 value값을 그대로 type으로 지정

let data = {name:"kim"} as const;

이렇게하면 자동으로 

let data : {name:"kim"} = {name:"kim"}

과 같아진다.

2. object 속성들을 readonly처리