[React] React와 Vue

 

Vue는 Evan You가 개발한 오픈소스 자바스크립트 프레임워크이다. 개발 당시 라이브러리처럼 활용하도록 개발했기 때문에 일반적인 프레임워크보다 자유도가 높고, 그 이유로 라이브러리로 취급하기도 한다. 

 

React와의 공통점은 컴포넌트 기반의 아키텍처를 사용하는 것과 단방향으로 데이터가 바인딩된다는 것, Virtual DOM을 활용하여 성능을 최적화하는 것 등이 있다. 둘의 공통점을 두고 보았을 때 둘 모두 UI 구현에 집중한 도구임을 알 수 있다.

 

Reac와의 가장 큰 차이점은 코드의 형태인데, React는 JSX 문법을 사용하는 반면 Vue는 템플릿 기반의 문법을 사용한다. <template>, <script>, <style> 태그를 기준으로 HTML, JS, CSS 코드를 나누어 작성한다. 이와 같은 특성 때문에 진입장벽이 비교적 낮고, 코드의 가독성이 좋고, 생산성이 높다는 장점이 있다.

 

큰 차이가 없는 도구이기에 입맛에 맞게 선택해 사용하면 되지만, 자유도, 생산성, 범용성 등을 고려했을 때 대형 프로젝트에 React를, 중소형 프로젝트에 Vue를 사용하는 것을 추천한다.