프론트 앤드 프레임워크 2020 TOP 5

프론트 앤드 프레임워크 중에서 2020년 가장 사용빈도도 높고, 흥미도 있으며 만족도가 높은 프레임워크는 어떤 것이 있는지 알아보겠습니다.

 

프레임워크란?

 

웹 개발에서 프레임워크는 프로젝트 작업 효율성을 좌우하는 큰 틀이라고 할 수 있습니다.

토탈 개발 솔루션이라고도 할 수 있는데요. 

개발 환경과 라이브러리, 클래스 등등이 포함되며, 일반적으로 함수만 제공하는 라이브러리보다 훨씬 더 큰 개념이라고 보면 됩니다.

 

어떠한 프로젝트를 진행할때 가장 먼저 결정하는 것 중에 하나가 바로 프레임워크입니다.

프로젝트에 적합한 프레임워크를 고르기도 하고, 특정 프레임워크의 전문가가 있다면 해당 프레임워크로 프로젝트를 진행하는 것이 더 효과적이라고 할 수 있습니다.

 

이러한 프레임워크 중 2020년에 가장 인기가 있었던 프론트앤드 프레임워크 5가지를 알아보았습니다.

 

2020년 프론트앤드 프레임워크 TOP5

 

아래 내용들은 risingstars.js.org 와 stateofjs 사이트를 참고했습니다.

자바스크립트에 관심이 많다면 매년 한번쯤 볼만합니다.

 

1. Svelte

react 그리고 vue를 이용함에 있어서 어려움을 느끼는 부분이 바로 state라는 것과 virtual DOM입니다.

순수하게 자바스크립트를 해온 사람들도 지난 몇년간 업계에서 작업을 하려면 이러한 부분을 꼭 알아야 했습니다.

하지만 매 업데이트마다 상태의 변화를 감지해야 하는 부분은 프로젝트가 거대해질수록 짐이 됩니다.

 

svelte는 react와 vue 처럼 콤포넌트 중심의 프레임워크입니다.

하지만 state의 관리와 DOM 처리를 보다 효율적으로 해주기 때문에 사용해본 개발자들의 만족도가 2020년 가장 높았으며, 아직 사용해보지 않은 웹 프론트앤드 개발자들도 관심도에서 최상위를 차지하고 있습니다.

 

물론 아직 사용 빈도가 다른 프레임워크에 비해서 상대적으로 낮고, 인지도도 떨어진다는 단점이 있지만, 지속적으로 호의적인 반응이 계속된다면 당분간 프론트앤드 3강 체제의 변경을 가져올 것 같습니다.

 

2. React

 

2018년까지 VUE와 만족도와 흥미에 있어서 업치락 뒤치락하며 웹 프론트앤드 프레임워크 최정상에 있었지만, svelte의 등장으로 2020년에는 순위가 하락을 했습니다.

하지만, 리액트 자체가 여전히 사용 빈도가 가장 높고, 기존에 진행된 프로젝트들이 있으며 막강한 라이브러리와 레퍼런스 자료들로 인해 위기라고 표현하는 것은 어불성설인 것 같습니다.

 

state와 DOM은 여전히 다수의 프로젝트에서 효과적이라는 것을 증명하고 있으며, 새로운 경쟁자들의 등장으로 뒤쳐지지 않기 위해 지속적인 업데이트를 할 것이기 때문에 앞으로도 매력적인 프레임워크가 맞습니다.

 

3. VUE.js

 

프론트앤드 프레임워크 3강 중 형들을 위협하는 막내였던 VUE.js에 대한 개발자의 흥미는 계속되는 것 같습니다.

github에서 받은 별의 수로만 치면 2020년 1위가 바로 VUE.JS입니다.

이미 많은 프로젝트들이 react와 angular라는 선두 주자들을 사용한 여파로 인해 사용 점유율이 떨어지지 않았다면 진작에 더 높은 인기를 얻었을 잠재력을 가지고 있었지만, 시대가 잘 안따라주는 것 같습니다.

 

4. Alphine.js

 

라라벨 라이브와이어의 개발팀이 만든 alphine.js가 2020년 혜성같이 등장했습니다.

아직 낮은 인지도와 더 낮은 사용 빈도로 인해 많은 개발자들의 압도적인 흥미를 끌기는 부족하지만, 사용자 층으로 부터 만족도가 높게 나오고 있습니다.

 

알파인의 문법은 vue 또는 angular와 매우 유사하며, 필요한 기능만 추려낸 React와 Vue라고 불려지고 있습니다.

매우 가볍고, 세팅도 간단하고 html에 바로 자바스크립트를 넣는 방식이므로 빌드 없이 js파일만 불러다 쓰면 됩니다.

 

5. Angular

 

it공룡인 구글에서 운용하는 웹 프론트앤드 프레임워크인 angular는 웹과 모바일에서 공통으로 사용할 수 있는 장점을 가지고 있습니다.

하지만 사용해본 개발자들의 만족도에서 지속적으로 떨어지면서(아마도 새로운 프레임워크들의 등장 또는 삼대장의 다른 형제들의 높은 만족도 때문?) 2020년에는 사용자 대비 만족도 42%로 고전을 하고 있습니다.

 

비록 프론트 앤드 개발자라면 누구나 아는 프레임워크이고, 지금까지 진행된 프로젝트로는 react 바로 아래라고 할 수 있지만 사용자 중심으로 좀 더 개편이 필요해 보입니다.

 

글 마무리

 

웹 프론트앤드 개발자들이 새로운 프레임워크르 배우는데는 2가지 큰 요건이 필요하다고 생각합니다.

사용 빈도가 높고, 페이가 높아야 하는데요.

익히는 방법이 좀 더 쉽다고 하는 것은 아무래도 해당 개발자 공급이 더 많다는 것이고 그로 인해 급여가 상대적으로 낮게 책정되는 것이 아닌가 싶습니다.

 

지금도 그러한지 알아보지 않았지만, 2년전만 하더라도 react 웹 개발자의 급여가 vue보다 많이 높았습니다.

angular가 2위였는데요. angular에 대한 사용 만족도가 떨어지면서 신규로 만들어지는 프로젝트에서 채택 비율이 낮아지게되고 결과적으로 인기에서 밀리는 결과가 나온 것 같습니다.

 

프레임워크의 성공을 위해서는 다양한 요소들이 복잡하게 작용하는 것 같습니다. 

 

2021.03.01 - [프로그래밍] - 2021년 주목받는 하이브리드 앱 프레임워크 5가지

2021년 주목받는 하이브리드 앱 프레임워크 5가지