[TIL] 2025-4-16 React vs Vue

이번 강의에서는 React를 써보았는데 저는 Vue밖에 안써봐서 두개의 차이 점이 뭔지, 어떨때 React를 쓰면 좋고 어떨때 Vue를 쓰면 좋은지 정리해 보았습니다

 

 

가장 큰 차이로 느껴졌던건 JSX문법을 사용하냐 HTML,CSS,JS를 사용하냐였던거 같습니다

예전에 했던 프로젝트에서 리액트를 사용해보고 싶었는데 JSX를 배우기에는 시간이 촉박하여 포기했던것과

(그때는 지금처럼 gpt가 잘 되어있지 않아서 예시를 찾아보는데 오래 걸렸습니다)

처음 vue를 사용할때 react 처럼 어려울려나 걱정 했는데 생각보다 쉽게 배웠던것을 생각을 하면 확실히 처음 배울때는 react가 어려운거 같습니다

항목	React	Vue
출시 연도	2013 (페이스북)	2014 (에반 유)
타입	라이브러리	프레임워크(가벼운 느낌의)
철학	"Just the View" (라이브러리 중심)	"Progressive Framework" (점진적 확장 가능)
언어	JSX(JavaScript + XML) 사용	HTML, CSS, JS 분리 또는 단일 파일 컴포넌트 (SFC)
문법 난이도	JSX 문법으로 다소 학습 난이도 높음	HTML 중심 문법으로 직관적이고 쉬움
상태 관리	Redux, Zustand 등 외부 상태 관리 주로 사용	Vuex(2.x)/Pinia(3.x 이상)
라우팅	React Router	Vue Router
스타일 적용	CSS-in-JS 방식 자주 사용	Scoped CSS 기본 지원
커뮤니티 & 생태계	매우 크고 방대함	작지만 응집력 있고 성장 중
러닝 커브	중간 이상 (JSX, Hooks 개념 학습 필요)	낮음 (HTML 지식 기반, 직관적 구조)
프로젝트 구조	자유로움 (구조 제약 없음)	권장 구조 있음
타입스크립트 지원	우수 (TS와 궁합 좋음)	Vue 3에서 공식적으로 우수한 지원

 

 

그럼 어떤 상황에서 리액트를 사용해야 유리하고 어떤 상황에서 뷰를 사용해야 유리할지에 대해 궁금해서 gpt에게 질문을 해보았는데요

아래같은 대답을 해줬습니다

 

• 리액트는 대규모 프로젝트나 모바일 앱을 개발할 때 매우 강력한 선택입니다. 복잡한 애플리케이션을 위한 강력한 생태계와 상태 관리 도구들이 존재합니다.
• 뷰는 더 작은 프로젝트에서 시작해 대규모로 확장 가능하며, 직관적인 구조와 낮은 학습 곡선 덕분에 빠르게 개발할 수 있습니다. 또한, SSR 및 SEO 최적화가 필요한 애플리케이션에도 적합합니다.

관련된 자료도 여러가지 찾아봤는데 비슷한 gpt의 답변과 비슷한 내용들이였습니다

vue는 jsx같은 문법이 없는거 뿐만 아니라 반복문 같은것을 쓸대도 리액트는 사용할수 있는 문법이 다양한데 뷰는 v-for만 쓰면 됩니다. 그래서 코드도 비교적 깔끔하죠

하지만 재사용성과 확장성은 리액트가 더 좋기 때문에 단순한 작은 규모의 프로젝트에서는 뷰가 유리하고 큰 규모의 프로젝트에서는 리액트가 유리한거 같습니다