Angular1와 React16로는 서비스 레벨까지 SPA 를 만들었고, Angular 프레임워크와 Vue SPA로는 큰 프로젝트는 아니지만 사이트를 운용 중이며, Vue는 멀티페이지에 서비스 레벨로 사용 중에 있다.
결국엔 VueJS가 최고라는 걸 삽질⛏️로 깨달았다. 페이지를 만드는 기본적인 구조는 다른 프레임워크와 똑같지만 Vue는 쉽고 간결하고 멋지다.
인지도
인지도에서 Vue가 밀린다고 생각하는 당신께, 1804 현재 VueJS의 ⭐ 수는 전체랭킹 6위며 React와는 아주 근소한 차이며 이 위에는 부트스트랩 뿐이다.
JS 프레임워크 별 비교
공식문서에 아주 자세히 설명되어있지만 주관을 덧붙혀보자.
보통 Angular Framework는 너무 프레임워크 종속적이라 제쳐두고 React와 Vue를 많이 비교하게 되는데, React가 더 무겁고 느리며 배울게 많다. React는 느려서 Preact라는 가볍고 빠른 버전이 있다.
그럼에도 불구하고 리액트가 인기 있는 이유는 React-Native가 있어 한 번 배우면 모든 Client 화면 코딩이 가능하게 되는 것이라고 생각한다. Vue는 Weex라는 Native 라이브러리가 있지만 테스트환경 조차 갖추기 힘든 인큐베이터 라이브러리며 Angular에는 Ionic이 있지만 같은 듯 다른 느낌의 컴포넌트라 러닝 커브가 또 있고 웹뷰로 돌아가서 느리다는 단점이 있다.
코드 별 비교
세 프레임워크를 사용한 웹 중 유지보수를 위해 하나를 택해야 된다면 어떤 걸 맡고 싶을까? 모든 구문은 다음과 같은 html 안에서 실행된다고 가정한다.
1 2 3 4 5 6 7 8 9
<!-- 컴포넌트가 붙기 전 --> <divid="container"> <App /> </div>
<!-- 컴포넌트 렌더링 후 --> <divid="container"> <div>○○○가 최고야</div> </div>
Vue
JS 버전별 구문 차이가 거의 없다. 또한 누가 봐도 id=container에 div가 렌더링 될 것이라는 예상이 가능하다.