TypeScript enum을 사용하지 않는 게 좋은 이유를 Tree-shaking 관점에서 소개합니다.

이 글은 TypeScript의 enum 사용이 Tree-shaking 관점에서 좋지 않은 이유를 설명합니다. Tree-shaking은 사용하지 않는 코드를 삭제하여 번들 크기를 줄이는 기능으로, 페이지 로딩 속도를 단축시킵니다.

enum은 TypeScript 고유 기능으로 JavaScript에서는 객체로 대체됩니다. 하지만 enum은 컴파일 시 JavaScript 코드로 변환될 때, 사용되지 않는 멤버라도 코드에 포함되어 Tree-shaking이 제대로 작동하지 못하게 만드는 문제가 있습니다.

이러한 문제를 해결하기 위해 enum 대신 일반 객체나 const 변수를 사용하여 Tree-shaking이 효과적으로 동작하도록 하는 방법을 제시합니다. 이를 통해 불필요한 코드 제거 및 번들 크기 최적화를 달성할 수 있습니다.