타입스크립트에서 상수를 선언하는 방법에 대해 설명해주세요

[klmhyeonwoo]

타입스크립트에서 상수를 선언하는 방법에 대해 설명해주세요

@prgmr99, @klmhyeonwoo

[klmhyeonwoo]

enum도 물론 있지만, as const를 최근에 많이 사용하는 편이다.
as const 말고 또 새로운 대체제가 있었는데 생각이 안난다..

(쓰다보니 enum이랑 as const 중 as const를 주로 사용하다보니 둘의 차이가 명확하게 떠오르지 않아 한번 더 코멘트 남겨야할 듯)

[prgmr99]

답변:
타입스크립트에서 상수를 선언하는 방법은 크게 두 가지가 있습니다. 하나는 타입 단언을 통한 상수 관리(as const)와 enum을 통한 상수 관리가 있습니다.

타입 단언은 값, 객체, 배열 뒤에 as const를 붙이는 방식으로 구현이 되고, as const가 붙은 값은 readonly 속성이 됩니다.
enum 같은 경우에는 서로 연관된 상수들을 집합으로 정의할 수 있습니다.

---

피드백:

런타임의 차이: as const는 컴파일 후 사라지지만, enum은 실제 객체로 남는다는 점을 언급하면 좋습니다.

확장성: as const 객체에서 타입을 추출해내는 기법(typeof, keyof)을 언급하면 TypeScript 활용 능력을 어필할 수 있습니다.

Tree-shaking: enum이 가진 번들링 최적화 이슈를 살짝 언급해주면 '성능'까지 고민하는 개발자라는 인상을 줍니다.

"왜 enum보다 as const가 트리 셰이킹에 유리한가요?"
- 답변: "기본 enum은 JavaScript로 컴파일될 때 즉시 실행 함수 형태의 객체로 변환됩니다. 번들러는 이 코드가 사용되지 않더라도 '부작용(Side Effect)이 있을 수 있다'고 판단해 제거하지 못하는 경우가 많기 때문입니다." 
- 참고자료: https://bichoninthefront.tistory.com/96

"const enum은 어떤가요?"
- 답변: "const enum은 컴파일 시점에 값을 인라인으로 치환하여 enum의 런타임 오버헤드를 없애줍니다. 하지만 라이브러리 개발 시 외부에서 참조할 때 문제가 발생할 수 있어 조심해서 사용해야 합니다."

[klmhyeonwoo]

ㄷㄷ 배우고갑니다..