VueJS vs ReactJS 가독성

1.

ReactJS 는 JS와 html 코드를 하나의 js 파일에서 사용하기 위해 JSX(javascript + XML) 를 사용한다.

VueJS 는 .vue 라는 고유 확장자를 사용한다. (sfc 의 강점을 확실히 살리는 듯 하다.)

 

2. 코드를 보자.

JSX 의 경우, export default function 안에서 html, js 영역이 섞여 있는 듯 보인다.(css는 아쉽게도 없네요 ㅠ)

VueJS 의 경우, <template> 으로 html 영역을, <script> 로 js 영역을, <style> 로 css 영역을 딱딱 나눠주고 있다.

ReactJS (c.f. nextJS + typescript 라 ReactJS + js 와 조금 다름)	VueJS

3. WHY?

React 16.7 에서 SFC 를 deprecated 시킨 것 같던데, 꼭 그래야만 했을까 싶다.

 

가독성 이슈였다면, 왜 .vue 같은 새로운 확장자를 만들어 해결하지 않았을까..

 

어쩌면 유저에게 더 빠른 성능을 제공하기 위함일 지도 모르겠다.

 

(위의 궁금증에 관련해 알고 있는 이유가 있다면 댓글 부탁드립니다.)