TypeScript로 개발을 진행하던 중 발생한 에러가 생각지도 못한 원인에서 비롯된 경험을 이곳에 남겨봅니다. 나중에 또 실수할 저를 위해.

과제로 웹 프로젝트를 진행하면서 front-end에 react를 적용해보기로 했습니다. 이미 Javascript 대신 TypeScript를 적용했을 때의 이점을 node.js에서 이미 경험했기 때문에 이를 프론트 개발에서도 맛보고 싶다는 욕구가 있었습니다.

Javascript를 사용하는 React는 .js파일 대신 .jsx라고 하는 파일에 코드를 작성하는데, 이와 유사하게 TypeScript에서는 ‘.tsx 파일로 React 환경을 지원하고 있습니다.

마침 TeypScript 문서에도 TypeScript로 React 프로젝트를 작성하는 가이드를 제공하고 있어서 이를 번역 겸 정리해봤습니다.