You don't know JS module

이 글은 자바스크립트의 다양한 모듈 시스템(ES 모듈, CommonJS, AMD)이 공존하는 환경에서 발생하는 모듈 가져오기 문제를 다룹니다. 특히 React, Vue와 같은 프레임워크 사용 시 번들러와 타입스크립트 컴파일러가 서로 다른 모듈 포맷 간의 호환성을 어떻게 지원하는지 설명합니다.

CommonJS 방식으로 내보낸 모듈을 ES 모듈의 기본값 가져오기(`import default`)로 가져올 때 발생하는 타입스크립트 컴파일 에러(`TS1192`)를 예시로 들며, 번들러, 트랜스파일러, 타입스크립트가 이러한 이기종 모듈 가져오기를 가능하게 하는 내부 동작 원리를 탐구합니다. 이를 통해 개발자들이 모듈 시스템의 복잡성을 이해하고 효율적으로 코드를 작성하도록 돕는 것을 목표로 합니다.