오늘의 TypeScript

🤔 Literal Types 

👉 특정 글자나 숫자만 가질 수 있게 제한을 두는 타입을 literal type 이라고 부른다.

👉 예시

let 이름 : "kim"

 

👉 이렇게 하면 이름이라는 변수에는 무조건 kim이라는 글자만 들어올 수 있다. 

👉 type이 자동으로 완성된다. 

 

👉 literal type은 const 변수의 업그레이드 버젼이라고 보면 되는데 const 변수는 값을 바꿀 수 없는 변수다. 

👉 그래서 변하는 중요한 정보를 저장하고 싶을 땐 const가 무쓸모다. 예를 들어, 변수가 "kim" 또는 "park"만 가질 수 있는 이런 식의 엄격한 변수는 못 만든다.

👉 그럴 때 아래처럼 literal type 쓰면 된다.(이런 식의 문법은 자바스크립트에 없다)

const 이름 = "kim" | "park"

 

👉 literal type의 문제점 

let 자료 = {
  name : 'kim'
};

function 내함수(a : 'kim') {

}
내함수(자료.name)

👉 위의 코드는 에러가 난다. 내함수에 literal type을 사용해서 "kim"이라는 것을 지정을 했고, 자료.name = "kim"인데, 같은 거라고 생각할 수 있는데. 자료.name은 string 속성이라서 위의 코드에서는 에러가 발생한다. 

 

👉 해결방법

let 자료 = {
  name : 'kim'
} as const;

function 내함수(a : 'kim') {

}
내함수(자료.name)

👉 as const를 object 자료형에 붙이면 해결된다. as const는 두 가지의 효과가 있다. 

1️⃣ 타입을 object의 value로 바꿔준다. (타입을 "kim"으로 바꿔준다)

2️⃣ object 안에 있는 모든 속성을 readonly로 바꿔준다 (변경나면 에러나게)