계발하는 개발자

next.js에서 typescript 도입해서 프로젝트중인데 .ts랑 .tsx 차이가 뭘까 궁금해서 찾아봤다. 생각보다 별거 없었다. 한마디로 .ts는 typescript 만 사용할 경우, .tsx는 react component 와 같이 사용할 경우에 사용한다. 기존에 .tsx 확장자로 된 파일의 이름을 한 번 바꿔봤다.컴포넌트가 있는데 .ts로 확장자를 고치면 바로 빨간줄 표시가 난다. + 추가 )이외의 차이로 .tsx는 JSX 문법을 사용할 수 있지만, .ts는 JSX 문법을 사용할 수 없다. 오직 Typescript만 사용 가능하다.JSX란? JavaScript XML의 약자로 JavaScript를 확장한 문법이다. - 자바스크립트에서 HTML 문법을 사용할 수 있다. - 리액트로 프로젝트를 개발할..