웹 프레임워크 Vue vs React 간단 비교

웹 코딩을 할 때 가장 많이 사용하는 Vue와 React에 대해서 몇 가지 간단하게 비교하는 글을 작성해 보았습니다.

 

공통점

- 컴포넌트 기반

- View만 다룸 다른기능은 모듈

- 가상(Virtual) DOM

- Component state 관리

 

차이점

Vue.js

- 템플릿사용

Html이 나와있다

 

react

- Jsx

- 자바스크립트가 html 임베딩

 

물론 서로 차이점들을 사용할 수 있습니다.

 

 

바인딩의 차이

바인딩 = (모델을 뷰로)

 

실제 카카오 프론트엔드 개발자들은 리액트와 뷰를 반반 섞어서 쓴다고 합니다.

같은 문법이더라도 리액트 보다 뷰가 상대적으로 라인 수를 적게 코딩할 수 있습니다. 하지만 간소화 한게 무조건 좋게 보이지는 않기 때문에 이는 취향 차이일 것으로 보입니다.

 

뭘 사용해야 할까?

프로젝트 규모가 크고 확장 가능성이 크다 --> React

자바 스크립트 문법에 미숙하다 --> Vue

커스터마이징과 자유도가 높은 개발 환경을 좋아한다. --> React

개발자간 코드 통일성이 중요하다(커뮤니케이션 코스트 감소) --> Vue

크로스 플랫폼 애플리케이션을 구축한다. --> React

웹 기반 응용 프로그램을 개발한다. --> Vue