React 개발시 3가지의 파일 규칙이 있다(js제외) jsx, ts, tsx이다.

js

우선 자바스크립트는 객체 지향 프로그래밍으로  브라우저 내에서 주로 사용되며, 다른 응용 프로그램 내장 객체에도 접근 가능한 언어이다.

또한 Node.js라는 런타임 환경과 같이 서버 프로그래밍에도 사용되고 있다. 

TypeScript

타입스크립트는 js에 type 을 부여한 언어 형태이다, 자바스크립트의 확장 버전이라고 할 수 있겠다. 자바스크립트와는 달리 브라우저에서 실행하려면 파일을 한번 변환해주는 절차를 거쳐야 한다.
(compile이라고 한다.)

타입스크립트는 변수의 파일형식을 지정할 수 있게 해주기 때문에, 코드의 가독성도 높아지고 개발자의 의도를 명확하게 코드로 기술할 수 있다는 장점이 있다. 또한 디버깅(debugging)도 쉽게 만든다.

사용을 위해서는 vscode에 설치 해줘야한다.

vscode 콘솔창에

yarn add -D @types/node typescript ts-node 을 입력해 다운받고,
타입스크립트 사용을 위한 설정파일인 tsconfig.json 파일을 만들어준다

이후 vscode 에서 파일을 만들 때 타입을 ts 또는 tsx로 설정만 해주면된다. (간단)