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

SanbonDeveloper

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

[TS] 불변 객체 타입

타입스크립트에서 keyof 연산자는 객체 타입을 받아 해당 객체의 키값을 string 또는 number 의 리터럴 유니온 타입을 반환한다.interface ColorType { red: string; green: string; blue: string;}type ColorKeyType = keyof ColorType; // 'red' | 'green' | 'blue'타입스크립트에서 typeof 연산자는 변수 혹은 속성의 타입을 추론하는 역할을 한다.const colors = { red: '#F45452', green: '#0C952A', blue: '#1A7CFF',};type ColorsType = typeof colors;/**type ColorsType = { red: string; g..

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

[TS] 타입 가드

타입스크립트에서 타입 좁히기는 변수 또는 표현식의 타입 범위를 더 작은 범위로 좁혀나가는 과정을 말한다. 타입 좁히기를 통해 더 정확하고 명시적인 타입 추론을 할 수 있게 되고, 복잡한 타입을 작은 범위로 축소하여 타입 안전성을 높일 수 있다.타입 가드는 런타임에 조건문을 사용하여 타입을 검사하고 타입 범위를 좁혀주는 기능을 말한다.typeof 연산자로 원시 타입 추론typeof 는 자바스크립트 타입 시스템만 대응할 수 있다. 자바스크립트 동작 방식으로 인해 null 과 배열 타입 등이 object 타입으로 판별되는 등 복잡한 타입을 검증하기에는 한계가 있다. 따라서 typeof 연산자는 주로 원시 타입을 좁히는 용도로 사용하는게 좋다.string, number, boolean, undefined, ob..

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

티스토리툴바