JS Framework & Library 트렌드

들어가며

먼저, 왜 이 글을 남기고 싶었는지 이유에 대해서 말하겠다.   

자바스크립트의 프레임워크 & 라이브러리(편의상 프레임워크라고 쓰겠다)는 내가 생각한 것보다 많고, 아직도 모르는 게 투성이다.

개발자가 해야 하는 일 중에 하나는 트렌드를 파악해서 새로운 기술을 적용하는 것이라고 생각한다. 

하루가 다르게 기술 트렌드는 빠르게 변화하고 있다. 빠르게 바뀌는 생태계에서 Pioneer가 되고 싶다.    

오늘은 State of JavaScript의 리포트를 바탕으로 프론트엔드 프레임워크의 트렌드에 대해서 살펴보고 나의 생각을 가미해서 포스팅을 해보겠다.

 

매년 초 State of JavaScript에서 어떤 프레임워크가 인기가 있는지 조사를 통해서 리포트를 낸다.

아마 2024년 초에 2023년 리포트가 나올 예정이다.

그래서 가장 최근 자료인 2022년 리포트를 기준으로 오늘 이야기를 풀어가 보겠다. 

 

다들 알겠지만, 국내 프론트엔드 시장에서 취업하려면 React를 빼놓고는 얘기할 수 없을 것이다.

작년 프로그래머스에서 4000명 대상으로 실시한 개발자 설문조사에 따르면 "주로 사용하는 프레임워크 또는 라이브러리가 무엇인가요?"에 1위가 React 68.3% 2위가 Next.js 31.7%, 3위가 Vue.js 14.8%이다.

React가 압도적인 1위다. 이래서 나도 Vue를 하다가 지금 대세인 React를 공부하게 되었다.

 

그렇다면 해외 시장은 지금 어떨까? State of JavaScript에서 39,472명의 개발자를 대상으로 설문조사를 실시해서 통계를 냈었다.

인지도, 사용률, 재사용률, 관심도 총 4가지를 통계를 낸다. 차례대로 보자.

 

인지도

출처 - State of JavaScript

인지도에서는 React, Angular, Vue.js 세 가지의 프레임워크가 공동 1등을 차지했다. 사실 해외 시장뿐만 아니라 국내 시장에서도 이 세 개가 가장 잘 알려져 있다. 근데 유심히 볼 것은 Svelte가 해를 거듭할수록 무섭게 치고 올라오고 있다.

현재는 94%로 인지도가 지속적으로 상승하고 있다. 1,2,3 등을 제외하고 나머지 프레임워크들은 고전을 면치 못하는데 왜 유독 Svelte만 상승세일까? 

간단히 살펴보면, Svelte는 React, Angular보다 더 좋은 성능을 보여준다.

Svelte가 런타임이 아닌 빌드 타임에 애플리케이션 코드를 해석하기 때문이다.

압축된 버전에서도 React보다 훨씬 크기가 작아서 더 빨리 로드되고, 높은 응답성과 동시에 낮은 대역폭을 요구한다. 

이러니 유저들한테 사랑을 받을 수밖에 없다고 생각한다. 

 

사용률

출처 - State of JavaScript

사용률에서는 React가 82%를 차지하며 꾸준히 압도적으로 1위 자리를 지키고 있다.

2위 Angular의 경우에는 2018년 29% -> 58%로 압도적인 성장을 보였다가. 매년 사용률이 감소하고 있다. 

아마 Angular가 크고 복잡한 프레임워크라서 사용자들이 사용하기 부담스러워서 그러는 거 아닐까?.. 

3위 Vue.js는 2016년 사용률이 10%에 불과했는데 2021년 51%까지 성장했고 2022년에는 46%로 떨어졌다. 아마 2023년 리포트에는 사용률이 얼마나 될지 궁금하다. 

4위 Svelte는 21%의 사용률을 기록했다. Svelte는 지속적으로 성장세하고 있다. 2023 리포드에 사용률이 얼마나 올라갈지 궁금하다. 

 

개인적으로 Vue.js를 사용해 봤는데, 나는 처음에 학습하기 쉽다는 소리를 많이 듣고 사용해봤다. 하지만 작은 생태계를 가지고 있어서 자료가 상대적으로 React에 비해서는 빈약한 편이다. 그러나 이 부분도 언젠가는 해결될 것이라고 생각한다.

가볍고 직관적인 문법, 뛰어난 개발 생산성 등의 이점이 있으니 지속적으로 사용자들한테 사랑을 받을 거 같다. 

 

재사용률

출처 - State of JavaScript

다음으로 살펴볼 부분은 재사용률이다. 앞으로 사용할 생각이 있는지에 대한 설문으로 바탕으로 통계를 낸 것이다. 

1위는 91%를 기록한 SolidJS이다. 사실 SolidJS는 처음 들어본다. 찾아보니, SolidJS는 2021년 정식 출시됐으며, 가장 빠른 성능과 가장 정확한 반응성을 강점으로 내세우고 있다. SolidJS에 대한 내용은 나중에 또 다루기로 하겠다. 

2위는 90%를 기록한 Svelte이다. Svelte는 사용률에서는 21%이었지만 그에 비해서 재사용률은 Vue, React, Angular보다 매우 높았다. 아마 유저가 사용했을 때 좀 더 쉽고 편리한 측면이 있었기 때문이지 않을까? 

3위는 85%를 기록한 Qwik이다. Qwik이 무엇일까? Qwik은 2020년 정식 출시됐으며, 크기와 복잡성에 상관없이 즉시 로딩이 되며, 가장 빠른 자바스크립트 프레임워크로 알려져 있다. 

나머지 눈에 띄는 건 앞에 인지도, 사용률에 비해서 React, Vue, Angular는 매년 재사용률이 떨어지고 있다.

다른 신생 프레임워크에 밀리는 추세이다.

특히 Angular의 경우에는 거의 꼴찌에 가까운 재사용률을 기록하고 있다. 

 

 

관심도

출처 - State of JavaScript

마지막으로, 관심도에 대해서 살펴보겠다. 

1위는 Svelte로 70%를 기록했다. 2위는 Qwik으로 67%, 3위는 Solid 66%, 나머지 React, Vue, Angular의 관심도는 지속적으로 하락하고 있다. 

어떻게 보면 당연한 현상이다. 기존의 것들은 지속적인 관심도를 유지하기 어려운데, 새로운 프레임워크들이 당연히 관심을 많이 받는 것이 맞다. 

내가 눈여겨 본 부분은 재사용률이랑 관심도랑 상당히 밀접한 관련이 존재한다. 관심도가 높은 프레임워크가 재사용률에서도 높은 순위에 위치해 있었다. 

나름에 분석을 하자면, 신생 프레임워크들의 장점은 기존 프레임워크들의 단점을 보완으로부터 파생됐다. 그렇기 때문에 기존 프레임워크들에 대한 사용자의 불만을 해소시켰다는 부분에서 높은 평가를 받고 있다. 

 

 

마무리하며

개발 생산성, 효율성 등 다양한 이유 때문에 사용자들은 끊임없는 변화를 원한다. 기존 프레임워크들의 쇠퇴라기 보다는 예전에는 이렇게 프레임워크가 다양하지 않았던 시절에는 선호도와 상관없이 사용했던 측면이 있었다. 하지만 다양한 프레임워크의 등장으로 인해서 사용자는 자기에게 맞는 도구들을 찾아서 사용하고 있다. 프레임워크들은 계속해서 발전해 왔다. 앞으로도 어떤 프레임워크가 등장할지는 모르지만 우리가 알아야 할 사실은 100% 장점만 존재하는 프레임워크는 이 세상에 없다는 것 그렇기 때문에 장단점을 잘 비교하고 나와 맞는 프레임워크를 찾는 것이 중요하다고 생각한다.

나는 참고로 Svelte를 써보고 싶다. 호평도 많은 프레임워크이어서 더 궁금하다.