타입스크립트의 타입을 import와 export 하는 이유 😉

🤔 export한 type을 받을 때 import type을 해야하는 이유는 무엇일까?

type을 export/import를 하게 되면 런타임 과정에서 자바스크립트에서는 type을 사용할 필요가 없기 때문에 컴파일 결과에서 제외된다.

따라서 번들링 과정에서 코드 길이가 더 짧아져서 번들 사이즈가 줄어든다는 장점이 있다.

1. 코드 가독성 향상

   타입스크립트에서는 일반적으로 코드를 작성할 때 모듈에서 사용되는 모든 타입을 불러오기 위해 import 구문을 사용하는데, 이러한 방식은 코드가 길어지고 가독성이 떨어질 수 있다. 타입만을 import 하는 경우, 코드의 가독성이 향상되고 코드량이 줄어들어 유지보수가 용이해진다.

2. 불필요한 모듈 로딩 방지

   전체 모듈을 import 하는 경우, 어플리케이션이 로드될 때 불필요한 모듈도 함게 로딩되어 성능 저하를 초래할 수 있다. 반면, 타입만을 import하는 경우 필요한 타입만을 로드하여 성능 개선에 도움을 줄 수 있다.

3. 컴파일 속도 향상

   타입만을 import 하는 경우, 컴파일러가 불필요한 코드를 처리하지 않아 컴파일 속도가 빨라진다.

4. 타입 안정성

   타입만을 improt 하는 경우, 타입 호환성 검사를 보다 엄격하게 수행할 수 있어 타입 안정성을 보장할 수 있다.