AI 요약
최근 기술 커뮤니티에서는 자연어로 요구사항을 설명해 앱을 즉시 생성하는 '바이브 코딩'이 확산되고 있으나, 이 과정에서 React가 AI의 기본값으로 굳어지는 현상이 뚜렷합니다. 2026년 3월 작성된 오지호(吴佳浩)의 기고문에 따르면, Claude나 GPT 같은 주요 모델들은 10번 중 9번 꼴로 React 코드를 출력하며, 이는 과거 중국 내 '프런트엔드 신기'로 불리던 Vue의 입지를 위축시키고 있습니다. 이러한 현상은 영미권 중심의 방대한 훈련 데이터와 단일 파일 내에서 로직을 처리하는 JSX의 특성이 AI의 코드 생성 성공률을 높였기 때문입니다. 또한 2022년경 대다수 모델의 학습 데이터가 마감될 당시 React가 시장의 정점에 있었던 점도 '통계적 고착화'를 유발했습니다. 결국 Cursor나 v0.dev 같은 도구들이 React를 기본으로 채택하면서, 사용자의 의도와 상관없이 특정 기술 스택이 재생산되는 순환 구조가 형성되었습니다.
핵심 인사이트
- 시장 점유율 격차: 2023년 npm 주간 다운로드 데이터 기준 React는 약 2,200만 건을 기록했으나, Vue는 450만 건, Angular는 350만 건, Svelte는 80만 건 수준에 머물렀습니다.
- 훈련 데이터의 편향: AI 모델 학습 데이터가 영미권 콘텐츠 위주로 구성되어 Meta가 개발한 React 관련 자료가 압도적으로 많으며, Vue의 강점인 중국어 자료의 가중치는 상대적으로 낮게 취급되었습니다.
- JSX의 적합성: 구조, 로직, 스타일을 한 파일에 담는 React의 JSX 문법이 AI가 여러 파일(.vue, .html, .css)을 관리해야 하는 Vue보다 오류 없는 코드를 생성하는 데 유리합니다.
- 학습 데이터 컷오프(Cut-off): 2022년 데이터 학습 마감 시점에 Vue 3 생태계는 미성숙했던 반면, React는 이미 완성된 생태계를 보유하여 AI의 선호도가 고착화되었습니다.
주요 디테일
- Vibe Coding 도구: Cursor, Bolt, v0.dev, Lovable 등의 최신 도구들은 프레임워크 미지정 시 Vite 기반의 React 프로젝트를 기본값으로 생성합니다.
- 에코시스템의 중력: Next.js, shadcn/ui, MUI, Zustand 등 강력한 라이브러리들이 React 생태계 내에 포진해 있어 타 프레임워크로의 전환을 방해하는 '거대한 중력장' 역할을 합니다.
- RLHF의 영향: AI의 강화 학습 과정에서 '실행 가능한 코드'가 높은 점수를 받는데, 단일 컴포넌트 구조인 React가 이 단계에서 더 높은 점수를 얻어 출력이 강화되었습니다.
- Vue의 잔존 구역: 글로벌 AI 시장의 소외에도 불구하고 Vue는 중국 대기업, uniapp 기반 미니프로그램, Nuxt 3 기반 SSR 영역에서 여전히 강력한 영향력을 유지 중입니다.
향후 전망
- 기술 독점 심화: 사용자가 프레임워크를 선택하지 않고 AI가 결정하는 방식이 확산됨에 따라 React의 시장 지배력이 통계적 관성에 의해 더욱 강화될 전망입니다.
- 명시적 프롬프트 필수화: Vue나 Svelte를 활용하고자 하는 개발자는 AI에게 "Vue 3 + Composition API를 사용해달라"는 식의 명시적 지시를 통해 AI의 기본 편향을 극복해야 합니다.
출처:juejin