[typescript] '--jsx' is not set. / Cannot use JSX unless the '--jsx' flag is provided.

타입스크립트로 리팩토링을 하는 과정에서 시작하자마자 타입이 문제가 아닌 에러를 만나버렸다!!

우선 첫번째는 App.tsx를 가져올 수 없다는 문제...!
확장자를 붙여도 줘봤지만 되지 않았고, 이것저것 검색해봤더니 가장 이상했던 점은 내 파일트리에 tsconfig.json이 없었다!

분명 공식문서에선 이렇게 봤는데 말이지!!
이를 해결해주기 위해 vsc를 한번 껐다가 켜고, tsc --init을 해줬더니 tsconfig.json파일이 생성되면서 App.tsx를 가져오지 못하던 문제는 해결되었는데....

다음으로 이 문제가 생겼다.

에러들을 쭉 읽어보니 모든 에러가
'--jsx' is not set.
Cannot use JSX unless the '--jsx' flag is provided.
였다.

또 구글링을 해보니 tsconfig.json에서 jsx에 대한 컴파일 옵션이 빠져있어서 발생하는 오류라는 것을 발견했다!!

확인해보니 정말 주석 처리가 되어있었고, 이 부분을 살리니 해당 에러들은 사라졌다!!

(근데 이제 타입에러와 스타일드 컴포넌트 에러는 남은...)