'React'은(는) UMD 전역을 참조하지만 현재 파일은 모듈입니다. 대신 가져오기를 추가해 보세요.ts(2686)

eslint를 설정하고나니 다음과 같은 오류가 났다. 구글링을 통해 여러가지 솔루션을 찾아봤지만 모두 먹히지 않았다.

1. eslint rules 추가

   {
     "rules": {
       "react/jsx-uses-react": "off",
       "react/react-in-jsx-scope": "off",
     }
   }

2. tsconfig.json 설정 파일 추가

하지만 문제가 생긴 프로젝트는 타입스크립트가 아닌 순수 자바스크립트로 작성되고, VSCode에서 왜 타입스크립트 오류를 발생시키는지 이해가 되지 않았다.

원인 분석

처음에는 VSCode가 프로젝트를 잘못 인식하고 있다고 생각했다. 하지만 다시 한번 확인해본 결과, VSCode는 자바스크립트 프로젝트를 인식하기 위해 jsconfig.json 파일이 필요하다는 것을 알게 되었다.

https://code.visualstudio.com/docs/languages/jsconfig

해결

문제 해결은 간단했다. 프로젝트의 루트 폴더에 jsconfig.json 파일을 새로 생성하면 된다.