[ReactNative/Typescript].ts와 .tsx의 차이점

타입스크립트를 공부하면서 몰랐던걸 정리한다.

 

.ts 와 .tsx 의 차이점은 그냥 jsx구문을 쓸 수 있냐 없냐의 차이이다.

.ts는 못쓴다.

.tsx는 jsx구문을 쓸 수 있다.

스크립트 내에서 UI관련 작업을 할때 시각적으로 더 도움이 되는 코드라고 생각하면 될 것같다.

사용에 대해 의무적이나 강제적이지 않다.

 

그럼 jsx는 뭐냐? 

 -  JSX는 태그로 나타낸 javascript 구문 확장이다. 

https://reactjs.org/docs/introducing-jsx.html

Introducing JSX – React

HTML 태그 처럼 사용할 수 있게 하는 표현식을 사용함으로써, 보다 직관적으로 코드를 볼 수 있다.