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

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

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

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

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

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

 

 

Reference

https://stackoverflow.com/questions/46169472/reactjs-js-vs-jsx/46169521#46169521