2024년 ‘자바스크립트 트렌드’ 돌아보기

자바스크립트는 현재 웹, 모바일, 서버 등 다양한 분야에서 활발하게 활용되고 있으며, 매년 새로운 개발 도구가 등장하고 빠르게 변화하고 있다. 이번 글에서는 ‘Rising Stars’ 리포트를 통해 2024년 자바스크립트 트렌드를 살펴보고, 2025년 개발자들이 주목해야 할 트렌드에 대해 통찰을 제공하고자 한다.

2024 Rising Stars 자바스크립트 트렌드

Rising Stars 리포트는 깃허브의 스타 수를 기반으로 트렌드를 분석하며, 주로 웹 플랫폼에 사용되는 도구를 다룬다.

2024년 가장 많은 스타를 받은 도구는 shadcn/ui이다.

shadcn/ui는 애플리케이션에 복사하여 사용할 수 있는 디자인된 컴포넌트의 모음이다. 공식 문서에 따르면, 이것은 “재사용 가능한 컴포넌트들의 묶음”으로 정의된다.

“This is NOT a component library. It’s a collection of re-usable components that you can copy and paste into your apps.”

_shadcn/ui 공식 문서

shadcn/ui는 기능성과 확장성에서 균형을 이뤄 2024년에도 인기를 유지하며, 새로 추가된 기능으로는 Recharts 기반 차트 컴포넌트와 CSS 커스텀 테마 기능이 있다.

또한, shadcn/ui는 다양한 컴포넌트 라이브러리의 기초가 되는 등 생태계에 기여하고 있다. 대표적인 예로 Motion-Primitives 및 Magic UI가 있다.

자바스크립트 도구에서는 shadcn/ui가 1위, 시각화 도구 Excalidraw가 2위, 프로젝트 관리 도구 AFFiNE가 3위로 기록되었다.

1) 프론트엔드 프레임워크

2024년 프론트엔드 분야에서 가장 많은 스타를 받은 프로젝트는 htmx이다.

htmx는 서버 중심 아키텍처를 지원하며, 클라이언트 로직 최소화를 지향한다. AJAX, CSS 변환, 웹소켓 등을 통해 간결하고 강력한 유저 인터페이스를 제공한다.

2~5위는 React, Svelte, Vue.js, Angular가 차지했으며, React는 메이저 버전 업데이트를 통해 새로운 변경 사항을 도입하였다.

2) 백엔드/풀스택

2024년 백엔드/풀스택 분야에서 가장 인기 있는 프로젝트는 Payload이다.

Payload는 Next.js 애플리케이션과 쉽게 통합할 수 있는 오픈소스 CMS 프로젝트로, MongoDB 외에도 Postgres와 SQLite를 지원한다.

2위는 Next.js, 3위는 Hono로, Hono는 다양한 자바스크립트 런타임에서 실행 가능한 웹 서버로, 웹 기준 API를 따르며 효율성을 제공한다.

3) 도구

2024년 자바스크립트 도구에서 1위를 차지한 것은 Biome이다. Biome은 코드 포매팅을 최대 35배 빠르게 하며, 많은 언어와 환경을 지원하지 않는 점이 단점으로 지적되고 있다.

2위는 Bun이 차지했으며, 3위는 Vite로, Vite는 빠른 성능을 자랑하는 웹 빌드 도구이다.

4) 상태 관리 라이브러리

자바스크립트 상태 관리 라이브러리 중에서 2024년 가장 많은 스타를 받은 것은 Zustand이다.

Zustand는 작고 빠르며 확장이 가능한 상태 관리 라이브러리로, 단방향성을 가지고 있다. 2위는 Jotai, 3위는 XState이다.

5) AI

AI와 관련된 프로젝트들은 개발자들의 업무 방식을 변화시켰다. 1위는 n8n으로, 노코드 자동화 플랫폼이다.

2위는 드래그 앤 드롭 UI 자동화 도구 Flowise, 3위는 bolt.new이다.

마치며

자바스크립트 프로젝트의 트렌드를 살펴보며, AI의 발전이 더욱 빠른 변화에 기여하고 있음을 알 수 있었다. 이러한 변화 속에서 개발자들은 탄탄한 기본기를 갖추고 명확한 목표를 설정해야 하며, 변화하는 생태계에서의 성공적인 개발자로 성장할 수 있기를 바란다.