타입스크립트 꿀팁
프론트엔드
타입스크립트 꿀팁
두줄요약
TypeScript에서 union type·mapped type으로 런타임 영향과 값 누락 위험을 줄이는 방법을 소개했습니다.\n외부 패키지 타입 확장과 다양한 타입 가드 활용법도 정리했습니다.
선택 이유
- 런타임 객체 생성과 import 부담을 피하는 enum 대신 union type 권장
- 과일 타입 추가 시 가격 정보 누락을 컴파일 단계에서 잡는 mapped type 권장
구조와 흐름
- react-redux의 DefaultRootState 모듈 확장으로 useSelector 상태 타입 전역 치환
- typeof, in, 공통 판별 속성, asserts를 이용한 유니온 타입 범위 축소
주의할 점
- enum은 런타임 코드 생성 가능성으로 타입 전용 변경에도 버그 유발 여지
- index signature는 Fruit 확장 시 PRICE_MAP의 필수 항목 누락 미검출
적용해볼 점
- 외부 패키지 타입 확장 시 래퍼 훅 작성과 모듈 확장 방식 비교
- 다수 유니온 타입에 type 필드를 둔 switch 기반 판별 적용
