최근 개인 프로젝트들을 만들면서 React와 Vue를 둘 다 사용해봤다.
특히 작은 MVP 서비스부터 구조 확장, 컴포넌트화, API 모듈화, lazy loading까지 직접 구성해보면서 두 프레임워크의 차이를 꽤 체감하게 되었다.
이번 글은 “어느 게 더 좋다”보다는,
실제로 프로젝트를 만들며 느낀 차이점을 개발자 관점에서 정리해본 글이다.
처음 느낀 차이
처음 접했을 때 가장 크게 느낀 차이는 이것이었다.
- React는 자유도가 높다
- Vue는 구조가 비교적 직관적이다
React는 JavaScript 중심 느낌이 강했다.
JSX 기반이라 JavaScript 안에서 UI를 조립하는 감각이 들었고, “프론트엔드 라이브러리”라는 말이 왜 나오는지 이해가 갔다.
반대로 Vue.js는 template, script, style 구조가 분리되어 있어서 HTML/CSS/JS 역할이 더 눈에 잘 들어왔다.
처음 구조를 이해하기에는 Vue 쪽이 좀 더 편하게 느껴졌다.
컴포넌트화는 둘 다 중요했다
프로젝트를 만들면서 가장 많이 느낀 것은 결국 “컴포넌트화”였다.
처음에는 페이지 단위로 만들다가:
- 버튼
- 카드
- 모달
- 헤더
- 랭킹 UI
이런 것들을 점점 분리하게 되었다.
이 과정에서 느낀 건:
프레임워크보다 중요한 건 “어떻게 나눌 것인가”였다.
특히 프로젝트 규모가 조금만 커져도:
- 중복 제거
- 재사용성
- 유지보수
이런 부분이 바로 체감되기 시작했다.
라우팅과 lazy loading
라우팅을 직접 붙이고 lazy loading까지 적용해보면서 “서비스 구조” 느낌이 조금씩 보이기 시작했다.
예를 들면:
- 페이지별 코드 분리
- 초기 로딩 최적화
- 동적 import
이런 부분이다.
특히 lazy loading은 단순 기능이라기보다:
- 번들 최적화
- 사용자 경험
- 성능
이런 부분과 연결된다는 걸 느꼈다.
API 통신과 모듈화
Axios로 API 통신을 붙이면서 프론트와 서버가 실제로 연결되는 느낌을 받았다.
처음에는 단순 호출만 했지만, 프로젝트가 커질수록:
- API 파일 분리
- 모듈화
- 재사용 구조
이런 식으로 점점 정리하게 되었다.
이때부터는 단순 UI보다:
“구조를 어떻게 유지할 것인가”를 더 많이 고민하게 되었다.
React와 Vue를 써보며 느낀 차이
React
- 자유도가 높다
- 생태계가 크다
- 구조 선택지가 많다
- JavaScript 중심 느낌이 강하다
대신:
- 프로젝트 구조를 직접 고민해야 하는 경우가 많았다.
Vue
- 구조가 직관적이다
- 입문 난이도가 비교적 편하다
- 파일 구조가 눈에 잘 들어온다
대신:
- React보다 선택지가 조금 제한적으로 느껴질 때도 있었다.
결국 중요한 건 프레임워크보다 구조였다
프로젝트를 여러 개 만들면서 가장 크게 느낀 건 이것이었다.
처음에는:
- React냐 Vue냐
- 어떤 라이브러리를 쓰냐
이런 것에 집중했는데,
점점:
- 데이터 흐름
- API 구조
- 컴포넌트 책임 분리
- 유지보수
같은 걸 더 많이 보게 되었다.
결국 프레임워크보다 중요한 건:
“서비스 구조를 어떻게 설계하느냐”에 가까웠다.
마무리
아직도 배우는 중이지만,
MVP 프로젝트부터 직접 만들어보면서 단순 문법보다 “구조”가 훨씬 중요하다는 걸 많이 느끼고 있다.
특히:
- 컴포넌트화
- API 모듈화
- 라우팅
- lazy loading
이런 것들을 직접 적용해보면서 “작은 서비스라도 운영 가능한 형태”로 조금씩 생각이 바뀌는 중이다.
아직 부족한 부분도 많지만,
계속 만들고 확장하면서 구조 감각을 더 키워보고 싶다