SanbonDeveloper
close
프로필 배경
프로필 로고

SanbonDeveloper

  • 분류 전체보기
    • React
    • 개발
    • TypeScript
  • 홈
  • 태그
  • 방명록

[TS] Record 원시 타입 키 개선

Record의 키를 string 이나 number 같은 원시 타입으로 명시하면 타입스크립트는 키가 유효하지 않더라도 타입상으로 문제가 없기 때문에 오류를 표시하지 않는다. 이는 런타임 에러를 야기할 수 있다.foodByCategory 객체는 무한한 키 집합을 가지게 된다. 객체에 없는 키값을 사용해도 타입스크립트는 오류를 표시하지 않는다. 그러나 런타임에서 westerns은 undefined 가 되어 오류를 반환한다.type Category = string;interface Food { name: string;}const foodByCategory: Record = { 한식: [{ name: '제육덮밥' }, { name: '뚝배기 불고기' }], 일식: [{ name: '초밥' }, { name:..

  • format_list_bulleted TypeScript
  • · 2025. 1. 30.
  • textsms

[TS] 식별할 수 있는 유니온, Exhaustiveness Checking

식별할 수 있는 유니온(Discriminated Unions)태그된 유니온으로도 불리는 식별할 수 있는 유니온은 타입 좁히기에 널리 사용되는 방식이다. 식별할 수 있는 유니온이란 타입 간의 구조 호환을 막기 위해 타입마다 구분할 수 있는 판별자를 달아 포함 관계를 제거하는 것이다.타입스크립트는 구조적 타입 시스템(덕 타이핑) 언어이기 때문에 객체로 이루어진 유니온 타입의 하위 타입에 대해 타입 에러를 발생시키지 않는다. 따라서 판별자를 통해 타입을 구분해야 한다.type TextError = { errorCode: string; errorMessage: string;}type ToastError = { errorCode: string; errorMessage: string; toastShowDu..

  • format_list_bulleted TypeScript
  • · 2025. 1. 25.
  • textsms
  • navigate_before
  • 1
  • navigate_next
공지사항
전체 카테고리
  • 분류 전체보기
    • React
    • 개발
    • TypeScript
최근 글
인기 글
최근 댓글
태그
  • #유닛 타입
  • #as const
  • #React Query
  • #typeof
  • #조건부 타입
  • #Pick
  • #마이그레이션 준비
  • #런타임 응답 타입 검증
  • #이미터
  • #템플릿 리터럴 타입
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바