TypeScript - typeof, keyof, 상수데이터 타입추론

typeof, keyof

typeof 경우 값의 데이터의 타입 추론할 수 있도록 해주는 메서드입니다.
keyof 는 객체로 이루어진 데이터에서 해당 객체의 키를 추론해주는 메서드입니다.

const CODE = {
    MINE: -7,
    NORMAL: -1,
    QUESTION: -2,
    FLAG: -3,
    QUESTION_MINE: -4,
    FLAG_MINE: -5,
    CLICKED_MINE: -6,
    OPENED: 0, 
};

type Codes = typeof CODE; // 해당하는 변수의 key, value 추론
type Codes = keyof typeof CODE; // 해당 변수의 key 추론
type Codes = typeof CODE[keyof typeof CODE]; // 해당 변수의 타입 추론

typeof를 같이 사용할 때 추론

keyof와 typeof를 같이 사용할 때의 추론

[ ]를 이용해 keyof와 typeof를 감싸주어서 추론

as const

타입스크립트의 타입을 지정할 때 변하지 않는 상수데이터 경우
as const를 붙여주어 값을 추론할 수 있도록 하는것이 좋다.

as const를 이용하면 상수를 보다 효과적으로 관리할 수 있다.

as const 미적용

vscode내 타입추론을 할 때 값이 아닌 타입을 추론한다.