[React] 리액트 파일 확장자를 jsx로 하는 이유

결론적으론 .js와 .jsx의 확장자로서의 차이는 없다.

리액트 파일은 통상적으로 .js 대신 .jsx 확장자를 사용한다.

이런 컨벤션은 JSX가 표준 Javascript가 아니기 때문에 발생했다고 한다.

즉, 파일 내부에 표준 Javascript 문법만 사용됐다면 파일 확장자로 .js가 적절하다. 반면에 jsx나 Typescript처럼 파일 내부에 표준 Javascript 이외에 다른 코드가 있다면 해당 파일의 확장자는 .js가 아닌 다른 확장자로 지정한다고 한다.

예를 들어 jsx가 사용된 파일 확장자는 jsx로, typescript가 작성된 파일 확장자는 .ts로 지정한다.

Reference

[React] React에서 서버에게 동일한 요청을 보낸 후 동일한 응답을 받았을 때, 상태가 바뀌는가? (0)	2023.06.21
[React] React Fragment 사용이유 및 사용법 (Adjacent JSX elements must be wrapped in an enclosing tag 해결) (0)	2023.06.05
[React] vite로 react 프로젝트 설치 (0)	2023.04.05
[React] 비동기 통신과 AJAX와 fetch 함수 한 번에 보기 (0)	2023.01.11
[React] 로그인 기능(JWT, Local Storage): token 저장, 서버에 전달하기 (0)	2023.01.11

대범하게