확장자 .jsx vs .js

React는 일반 JS문법이 아닌 JSX문법을 사용해서 UI를 템플릿화 한다.
또한 JSX문법을 사용하려면 반드시, React를 import 해주어야 한다.

• JSX 사용의 이점

  • JSX는 컴파일링 되면서 최적화되므로 빠름
  • type-safe("어떠한 오퍼레이션(또는 연산)도 정의되지 않은 결과를 내놓지 않는 것, 즉, 예측불가능한 결과를 내지 않는 것") 하면서, 컴파일링 과정에서 에러를 감지할 수 있음
    ** (대표적으로 '자바스크립트의 경우 type-safe하지 않다'고 한다.
    예. 1+"1" = "11" (in JS))
  • react에서 태그 자동완성이 됨

• 하지만, jsx보다는 js확장자를 사용하는 것이 대세