2022 Vue2의 운명은
date
Oct 3, 2022
slug
the-fate-of-vue2-in-2022
author
status
Public
tags
summary
type
Post
thumbnail
category
updatedAt
Mar 7, 2024 01:44 PM
Vue.js version2에 더 이상의 업데이트가 없을 것이라는 Evan You의 글
Implications of the 2.7 Release 소제목 하단의 내용을 봐주시면 됩니다.
21년의 프론트엔드 자바스크립트 프레임워크 동향 (국내+해외)
22년의 프론트엔드 자바스크립트 프레임워크 동향 (국내+해외)
Stack Overflow가 개발자들을 대상으로 시행한 조사
Web frameworks and technologies 소제목 하단의 내용을 봐주시면 됩니다.
npm trends
statista에서 실행한 설문조사
* statista - 다양한 주제와 산업군에 대한 비즈니스 데이터를 제공하는 데이터 플랫폼
google trend
각 프레임워크를 기능별로 비교해 볼 수 있는 사이트
Vue는 React와 어떻게 다르나요?
출처 : https://brunch.co.kr/@skykamja24/573 브런치글
코드 형태의 차이
리액트와 뷰는 코드를 작성하는 방법이 다릅니다. 리액트는 JSX(JavaScript XML) 형태로 코드를 작성하여 JavaScript 문법을 응용하기 때문에 JavaScript만으로 UI 로직과 DOM을 구현합니다.
하지만 뷰는 HTML, JS, CSS 코드 영역을 분리해서 작성한다. ".vue " 파일을 만들 때에도 패턴이 존재하고, ”vue"에서 <template>에 HTML 작성 영역, <script> 안에는 JS, <style> 안에 CSS를 작성합니다.
리액트는 뷰에 비해 자유롭게 자바스크립트를 통해 코드를 구현할 수 있습니다. 하지만 뷰는 뷰에서 제공해주는 방법을 반드시 사용해야 합니다.
이러한 성격으로 인해 리액트는 리액트는 자바스크립트 문법을 응용하여 개발자에 따라 자유롭게 개발을 할 수 있고, 뷰는 프레임워크 사용에 지정된 문법 방식으로만 개발할 수 있습니다.
컴포넌트 분리와 재사용
리액트의 가장 큰 장점 중 한가지는 컴포넌트의 생성 및 재사용이라고 생각합니다. 파일별로 컴포넌트를 분리할 수 있으며, 새로운 함수형 컴포넌트를 생산하고, props 형태로 전달하거나 또는 다른 곳에서 재사용하는 것이 매우 용이합니다.
하지만 뷰는 새로운 컴포넌트를 만들어 분리하기 위해서 새로운 파일을 하나 더 만들고, 그에 따라 하나의 파일에 해당하는 template, script, style 모두 작성해주어야 합니다. 뿐만 아니라 props를 전달하는 과정에서도 해당 컴포넌트를 사용하는 모든 파일을 오가며 작성해주어야 합니다.
npm다운로드수를 보거나, stackoverflow 차트를 보면 react의 사용이 훨씬 더 많은 것을 확인할 수 있습니다. 명확하게 리액트가 월등히 좋다고 할 수는 없지만, 진입 장벽이 더 높음에도 불구하고 그만큼 자유도와 typescript의 사용, 변화에 빠른 점, 월등한 사용량으로 인한 시장 크기 차이로 인해 리액트가 두드러지고 있는 모습을 볼 수 있습니다.
뷰 역시 다양한 장점을 가지고 있고, 국내 유수한 기업에서도 사용하듯 그만의 훌륭한 기능을 가지고 있습니다. 그렇기 때문에 프로젝트 규모와 시간을 고려해 그에 알맞은 라이브러리 또는 프레임워크를 사용해야합니다.
Community부분을 보면 참고할 수 있는 레퍼런스와 라이브러리 양의 차이를 확인할 수 있습니다.
*vue3 composition API
*vue3 composable
글을 작성하면서 참고한 문서
