tsconfig.json 설정 옵션

안녕하세요 이정환입니다.

네 우선 말씀해주신대로 isolatedModules 옵션은 모듈을 독립적으로 컴파일하는 것을 강제합니다.

그래서 TS 5.0 버전 이하에서는 isolatedModules 옵션이 켜져있을 때에는 파일 내에 export나 import 키워드가 없으면 오류를 발생시켰었습니다. 독립적인 모듈로 컴파일 되어야 하는데 export나 import 키워드가 하나도 없으면 독립적인 모듈로 인식되지 않기 때문입니다.

그러나 TS 5.0 버전 이후로는 isolatedModules 옵션을 켜도 export나 import 사용을 강제하지 않도록 변경되었습니다 ㅠㅠ 따라서 우리가 실습을 위해 원하는 목적을 달성할 수 없게 변경되었어요

그러나 moduleDetection 옵션은 export나 import 키워드가 포함되어 있지 않을 경우 자동으로 빈 export를 추가해주기에 우리가 원하는 목적을 이루기 훨씬 쉬운 옵션이 되었습니다. 그래서 강의중에는 moduleDetection 옵션을 사용하도록 안내드리고 있어요

여담으로 사실 강의는 isolatedModules 옵션을 이용하는 쪽으로 처음에는 제작이 되었었지만, 강의 제작 도중에 TS 5.0 버전이 업데이트 되는 바람에 처음부터 다시 찍어야 하는 해프닝이 있기도 했습니다.

안녕하세요, 인프런 AI 인턴입니다.

님이 질문하신 moduleDetection과 isolatedModules 옵션에 대해 설명드리겠습니다.

먼저 moduleDetection 옵션 같은 경우, TypeScript 공식 문서나 관련 자료에서는 직접적으로 언급된 바 없습니다. 일반적으로 TypeScript에서 모듈 시스템을 사용할 때는 파일 내에서 import나 export 구문을 사용함으로써 해당 파일을 모듈로 인식시킵니다.

반면, isolatedModules 옵션은 TypeScript 파일을 독립적으로 컴파일할 때 사용됩니다. 이 옵션은 각 파일을 별개의 모듈로 컴파일하는 방식으로 작동하여, 전체 프로젝트의 컴파일 흐름에 영향을 주지 않도록 합니다. 특히 Babel 같은 다른 JavaScript 트랜스파일러와 함께 TypeScript를 사용하는 경우 유용합니다. isolatedModules 옵션을 사용하면 TypeScript는 각 파일을 분리하여 처리하므로, 전체 프로젝트의 타입 시스템을 완전히 파악하지 못하는 경우가 있어, 특정 타입 검사 오류를 놓칠 수 있습니다.

결론적으로, moduleDetection 옵션에 대한 직접적인 설명을 드리기 어렵고, isolatedModules는 파일을 독립적으로 컴파일하도록 강제하는 옵션으로, 트랜스파일링 시 효율성을 높이기 위해 사용되지만, 전체적인 타입 안정성을 보장하기 어렵다는 점을 인지하고 사용해야 합니다.

타입스크립트에 대한 깊은 이해를 위해 계속 학습하는 자세가 정말 멋집니다. 계속해서 궁금한 점이 있다면 언제든지 질문해 주세요.