라이브러리, 프레임워크
React는 UI 라이브러리이며, Vue는 프레임워크이다.
라이브러리는 참고가 용이하고, 라이브러리의 일부분만 가져와서 사용하는게 편리하다. 그리고 리액트는 UI 라이브러리이기 때문에 리액트 자체만으로는 전역상태 관리, 라우팅, 빌드 시스템을 지원하지 않기때문에 별도의 라이브러리를 통해서 이런 기능을 사용한다.
프레임워크는 부분적인 사용이 불가능하고, 프레임 워크 안으로 들어가서 프레임 워크가 지원해주는 문법에 따라 작성하애 한다. 더 많은 기능을 디폴트로 제공한다.
코드 형태의 차이
리액트는 JSX 형태로 코드를 작성하여 JavaScript 문법을 응용하기 때문에 JavaScript만으로 UI 로직과 DOM을 구현한다.
뷰는 HTML, JS, CSS 코드 영역을 분리해서 작성한다. ".vue" 파일을 만들 때에도 패턴이 존재한다.
뷰는 리액트에 비해서 정해진 방법만 사용하기 때문에 자유도가 낮지만, 코드 작성에 있어서 용이하다.
컴포넌트 분리와 재사용
리액트는 파일별로 컴포넌트를 분리할 수 있으며, 새로운 함수형 컴포넌트를 생산하고, props 형태로 전달하거나 다른곳에서 재사용 하는 것이 매우 용이하다.
뷰는 새로운 컴포넌트를 만들어 분리하기 위해서 새로운 파일을 하나 더 만들고, 그에 따라 하나의 파일에 해당하는 template, script, style을 모두 작성해야 한다. 또한 props를 전달하는 과정에서도 해당 컴포넌트를 사용하는 모든 파일을 오가며 작성해야 한다.
참고
'Front-End > Front-End 지식' 카테고리의 다른 글
| 브라우저 저장소 (0) | 2023.03.28 |
|---|---|
| 호이스팅(Hoisting) (0) | 2023.03.28 |
| 브라우저 (0) | 2023.03.28 |