타입스크립트 꿀팁

간단 소개

타입스크립트 사용 시 enum 대신 union type, index signature 대신 mapped type을 사용하고, 외부 패키지 타입 치환 및 타입 가드를 활용하여 효율성을 높이는 팁을 제공합니다.

AI Summary

Enum 대신 Union Type
- Enum은 런타임에 객체를 생성하여 영향을 주므로, 정적 타입의 이점을 살리기 어렵다. const enum을 사용하면 런타임 영향을 피할 수 있지만, union type이 더 생산적이다.
- Union type은 import 없이 사용 가능하며, 자동 완성 기능도 지원한다.
Index Signature 대신 Mapped Type
- Mapped type은 타입에 새로운 속성이 추가될 때 컴파일 에러를 발생시켜 실수를 방지한다.
- Index signature는 모든 속성의 존재를 보장하지 않아 오류 발생 가능성이 있다.
외부 패키지 타입 치환 및 타입 가드 활용
- react-redux의 DefaultRootState처럼 외부 패키지의 타입을 확장하여 사용 편의성을 높일 수 있다.
- 타입 가드를 활용하면 코드 가독성과 생산성을 향상시킬 수 있다. typeof, in 키워드, 공통 속성, assert 등을 활용하여 타입 범위를 좁힐 수 있다.