keyof typeof 동시에 쓰는 경우
keyof typeof를 쓰면 동시에 쓰면 객체형 변수에 대한 타입접근이 쉬운 것 같습니다. 그런데 실제로 현업에서 keyof typeof를 쓰는 경우가 있는데, 소스코드를 봐도 가끔 이해가 안되는 경우가 많은데 현업에서 keyof typeof를 동시에 쓰는 건 디테일하게 어떤 경우인지 알 수 있을까요? 지금은 간단한 예시라서 이해하기 쉬운데 용도를 알 수 없는 경우도 있어서 궁금함에 여쭤봅니다.
답변 1
1
안녕하세요 유키님 이정환입니다.
keyof typeof는 강의에서 소개해드린 예시와 동일하게, 아래의 예시처럼 별도의 타입이 정의되어 있지 않은 특정 객체의 Key들을 유니온 타입으로 뽑아내는 용도로 활용됩니다.
const colors = {
red: "#ff0000",
blue: "#0000ff",
green: "#00ff00",
};
type ColorName = keyof typeof colors;
// "red" | "blue" | "green"
function getColor(name: ColorName) {
return colors[name];
}
getColor("red"); // ✅ OK
getColor("yellow"); // ❌ Error현업에서도 이런 문법을 활용해 객체의 키값들을 뽑아내 별도의 타입으로 정의하는 편 인데요 이외의 사용예에 대해서는, 구체적으로 어떤 예시를 말씀하시는건지 코드를 전달해주셔야 답변드릴 수 있을 것 같습니다
강의 커리큘럼 관련 질문입니다.
0
62
1
61강(Context API)에서 TodoStateContext 질문
0
68
2
ReturnType에서 any와 never 사용의 차이가 있나요?
0
72
2
reject로 전달되는 값(거부 이유)의 타입과 타입 가드
0
97
2
리액트 타입스크립트 설정 시 에러
0
82
1
인덱스드 엑세스타입 실무질문
0
69
2
모든 ts파일이 컴파일 되지 않습니다.(해결됨.)
0
138
4
핸드북 light/dark mode 관련 이슈가 있는 것 같습니다.
0
84
1
제네릭 클래스 핸드북 페이지가 undefined라고 나옵니다.
0
87
2
적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>
0
93
2
outDir 옵션 추가 후 컴파일 오류 질문
0
214
1
호출 시그니처 질문
0
143
2
서로소 유니언 타입이 discriminated union과 동의어 인가요?
0
149
2
조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제
0
119
1
할인쿠폰 관련하여
0
253
2
프론트엔드에서의 인터페이스활용
0
161
2
안녕하세요 이정환님!
0
133
1
Node.js 설치에 관한 질문입니다.
0
148
2
함수 타입 호출 시그니처
0
114
1
35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?
0
114
2
인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?
0
183
4
마우스 호버 시 정보
0
155
2
vite으로 리액트 빌드하기를 업데이트해주세요.
1
127
2
타입가드를 만들어 사용하는 이유가 궁금합니다.
0
153
2