목록으로

리액트 파일 확장자 질문 입니다. 채택완료

웹프리죤 1년 전 조회 1,045

리액트 기본 개발환경이 .js 파일 인데 사람들이 .jsx 로 많이 쓴다고 하더라구요

html + 스크립트가 공존하는 문서타입이라나 뭐라나..

근데 질문은 리액트 프로젝트 생성시에 파일 확장자를 .jsx 로 세팅되게 할 수 있는 방법이 있나요?

저는 .js 를 수동으로 .jsx 로 확장자를 변경해줬는데요

세팅법이 따로 있는지 질문 드립니다.

#리액트 #확장자

댓글을 작성하려면 로그인이 필요합니다.

정렬:

채택된 답변

+20 포인트

미니님a Expert

1년 전

Js는 자바스립트구요

ts는 타입스크립트입니다.

Jsx는 자바스크립트 확장입니다. (JavaScript XML)

Jsx는 파일 직접 생성하는거에요

tsx는 타입스크립트를 리액트에서 씁니다.

Js는 jsx

ts에서 tsx 만든다 보시믄 됩니다

위에 질문처럼 js위에 html을 얹는다고 이해하시면 보다 빠를거에요 그게 jsx

타입 위에 html 올리면 tsx

타입스크립트는 CRA 만드실때 설정 가능합니다.

create-react-app 프로젝트명 --template typescript

라고 쓰시면 프로젝트에 타입스크립트가 추가됩니다.

단. 타입스크립트에 대해 다소 생소하다면 리액트가 아니라 일반 ts 를 먼저 이해하시는게 좋습니다.

가시면 js 와 ts 버전 각각 있습니다.

비교해보시면 좋을 듯 합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

웹프리죤

1년 전

오 감사합니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.