Node.js tsconfig esModuleInterop allowSyntheticDefaultImports 설정 완벽하게 알아보기

※"esModuleInterop"와 "allowSyntheticDefaultImports" 란?"esModuleInterop": true와 "allowSyntheticDefaultImports": true는 모두 CommonJS 모듈을 ESM import 문법으로 가져오는 과정에서 발생하는 호환성 문제를 해결하기 위해 사용되지만, 각각 하는 역할과 범위가 다릅니다.간단히 말해, esModuleInterop이 실제 코드(JavaScript)에 개입하여 문제를 해결한다면, allowSyntheticDefaultImports는 타입 검사(TypeScript) 단계에서만 개입하여 오류를 숨겨줍니다.1. allowSyntheticDefaultImports이 옵션은 TypeScript가 타입 검사를 수행하는 방식에..