리액트 파일 확장자 질문 입니다.
본문
리액트 기본 개발환경이 .js 파일 인데 사람들이 .jsx 로 많이 쓴다고 하더라구요
html + 스크립트가 공존하는 문서타입이라나 뭐라나..
근데 질문은 리액트 프로젝트 생성시에 파일 확장자를 .jsx 로 세팅되게 할 수 있는 방법이 있나요?
저는 .js 를 수동으로 .jsx 로 확장자를 변경해줬는데요
세팅법이 따로 있는지 질문 드립니다.
답변 2
Js는 자바스립트구요
ts는 타입스크립트입니다.
Jsx는 자바스크립트 확장입니다. (JavaScript XML)
Jsx는 파일 직접 생성하는거에요
tsx는 타입스크립트를 리액트에서 씁니다.
Js는 jsx
ts에서 tsx 만든다 보시믄 됩니다
위에 질문처럼 js위에 html을 얹는다고 이해하시면 보다 빠를거에요 그게 jsx
타입 위에 html 올리면 tsx
타입스크립트는 CRA 만드실때 설정 가능합니다.
create-react-app 프로젝트명 --template typescript
라고 쓰시면 프로젝트에 타입스크립트가 추가됩니다.
단. 타입스크립트에 대해 다소 생소하다면 리액트가 아니라 일반 ts 를 먼저 이해하시는게 좋습니다.
https://sir.kr/g5_plugin/12689
가시면 js 와 ts 버전 각각 있습니다.
비교해보시면 좋을 듯 합니다.
오 감사합니다.
답변을 작성하시기 전에 로그인 해주세요.
