React-TypeScript 를 기반한 웹 게임 개발 - (as const, type 에 값 할당하기)

nyongho·2021년 6월 29일
0

오늘 배운 내용

목록 보기
32/40

1) as const

다른 곳에서 자주 사용될 값들을 객체에 담아뒀을 때 해당 객체는 다음 사진과 같이 나타난다.

만약, 내가 이 값들이 불변의 값 즉, const 값 이라면 아래 사진과 같이 as const 를 통해 readonly (읽기 전용) 속성으로 만들 수 있다.


2) keyof, typeof

타입스크립트에서는 type 을 통해 객체의 타입의 이름을 정해줄 수 있다.
(interface 와 비슷한 방식이다.)

이 때 다음과 같이 typeof 를 쓰게 되면 해당 객체의 타입을 참조한다.

만약, key 값만 받고 싶다면 앞에 keyof 속성을 추가하면 된다. 그러면 다음과 같이 해당 객체의 키값만 받아오게 된다.

value 값만 받아올 수 있는 방법도 물론 있다. 단, 이 경우 한 가지 조건이 존재하는데 바로 참조하는 객체가 as const 속성을 가지고 있어야 한다는 점이다.

그러면 다음과 같이 value 값만 참조할 수 있게 된다.

profile
두 줄 소개

0개의 댓글