뷰(Vue.js)란 무엇이며 누가 사용하는가?

뷰는 무엇인가?

뷰(Vue.js)는 프론트엔드 개발용 프레임워크이다. 뷰는 리액트와 양대 상맥을 이루는 오픈소스 프론트엔드 개발용 프레임워크이다. 뷰에서는 화면을 개발할 때 HTML와 CSS, Javascript를 조합하여 사용한다. 뷰로 개발할 때는 통합개발환경(Integrated Development Environment, IDE)으로 Visual Studio를 많이 사용하는 편이다.

통합개발환경 모습

뷰의 특징

뷰에서는 화면을 개발할 때 HTML와 CSS, Javascript를 조합하여 사용하기에 기존의 웹 개발자들이 빠르게 익힐 수 있는 특징이 있다. 뷰는 프레임워크답게 코드 재사용성이 높고 화면 배치를 위해 HTML과 CSS를 사용하기에 직관적이라 코드 생산성이 높다. 뷰는 개발 기간이 짧고 자주 수정되는 SI 업계에 잘 맞는 프론트엔드 개발용 프레임워크이다.

리액트와 비교

학습 곡선을 고려하여 비교하면 뷰는 자바스크립트만으로 UI 로직과 DOM을 구현하는 리액트(React) 대비 직관적이며 이로 인해 익히기 쉬운 장점이 있다.

프로젝트 전환 관점에서 비교하면 리액트는 기존의 리액트를 사용하지 않은 프로젝트에 리액트를 적용해하는 경우 프로젝트 전체를 새로운 코드로 전환해야 하지만 뷰는 뷰를 사용하지 않은 기존의 프로젝트의 전체를 뷰로 전환하지 않고 일부 구간만 뷰로 적용이 가능하다(이 때는 라이브러리처럼 동작한다).

뷰에 적합한 개발자

뷰는 레거시 방식으로 웹 개발을 하던 웹 개발자가 빠르게 익히기 좋은 최신의 세련된 프론트엔드 개발용 프레임워크이다.

뷰와 리액트로 프로젝트를 수행해본 경험상...

뷰 기반 프로젝트와 리액트 기반 프로젝트를 수행한 나의 경험상 리액트를 도입하는 것을 고려하는 경우 현재 보유한 개발자 인력풀이 얼마나 우수한지를 검토해야 한다. 개발에 대한 이해가 없는 코더가 리액트를 사용하는 것은 매우 어렵다. 리액트는 DOM에 대한 철저한 이해가 없으면 제대로된 화면과 기능을 만들 수가 없다. 반면에 뷰는 어느 정도 코딩을 할 줄 알면 어떻게든 결과물을 만들어 낼 수 있기에 코더 위주로 구성된 개발인력풀에서도 충분히 사업을 수행할 수 있다.

참고문서

1. "리액트(React.js)와 뷰(Vue.js)의 차이점", 한상훈, 2021년 3월 19일. @원문보기
2. "2024에 가장 핫한 프론트엔드 프레임워크 순위는?", 코드잇 스프린트, 2024년 4월 25일. @원문보기