ESLint로 import 구문에 규칙 넣기

하나의 파일에 import 구문이 굉장히 많아 혼란스러우신적이 있으신가요? 프로젝트에서 ESLint를 사용하고 계시다면 규칙을 정해 정렬을 해서 가독성을 높일 수 있습니다. 그리고, TypeScript 5 버전 부터 `allowImportingTsExtensions` 컴파일 옵션을 지원하고 있습니다. 해당 옵션은 import 구문에 확장자를 넣을 수 있도록 허용하는 옵션입니다. 이는, ESM이 점차 확대되면서 생긴 기능인데요, ESM의 import 구문에는 반드시 확장자가 들어가야 하기 때문입니다. TypeScript도 시대에 맞춰 확장자를 표시하게끔 은연중에 권장하고 있습니다. 이번 게시물에서 import 구문에 규칙을 추가할 수 있는 팁을 공유합니다. https://pozafly.github.io/environment/putting-rules-into-import-syntax-with-eslint/