프론트엔드
타입스크립트 꿀팁
두줄요약
타입스크립트에서 enum·index signature 대신 union type과 mapped type 활용을 권장했습니다.\n외부 타입 보강과 타입 가드로 반복을 줄이고 안전한 타입 좁히기를 소개합니다.
선택 이유
- 런타임 객체를 생성하는 enum 대신 리터럴 union type 우선 권장
- union type 기반 mapped type으로 누락된 키의 컴파일 오류 유도
- react-redux 모듈 보강을 통한 전역 상태 타입 치환
구조와 흐름
typeof,in, 공통 판별 속성으로 union 타입 범위 축소switch기반 판별 유니온으로 여러 객체 타입별 속성 접근asserts반환 타입을 이용한 undefined 검사 이후 타입 보장
주의할 점
- index signature만으로는 새 과일 타입 추가 시 가격 정보 누락 가능성
useSelector호출마다 상태 타입을 명시하는 반복 작업- 외부 패키지 타입 확장 시 모듈 선언과 기존 타입 구조의 정합성 필요
적용해볼 점
- 상수 집합에는 문자열 리터럴 union type과 mapped type 조합 적용
- 공통
type속성을 둔 판별 유니온으로 복잡한 타입 분기 관리 - 반복되는 상태 타입 지정은 커스텀 훅 또는 모듈 보강으로 축소
