Header Banner
GG Logo

Future Engineering

기술의 최전선을 기록합니다.

기술 자료/BackEnd/Spring Boot와 함께 사용하기 좋은 프론트엔드 프레임워크

Spring Boot와 함께 사용하기 좋은 프론트엔드 프레임워크

BackEnd2개월 전

Spring Boot 서버 개발 시 주관적인 프론트엔드 프레임워크 추천입니다.

 

추천 프론트엔드 프레임워크 TOP 3

1. React.js (Next.js 포함)

  • 글로벌 표준에 가까운 React는 Spring Boot와의 REST API 연동이 자연스럽고, 문서와 자료가 많다.

  • SSR이 필요한 경우 Next.js와 함께 사용하여 SEO까지 고려한 아키텍처 구성 가능.

장점

  • 컴포넌트 기반으로 유지보수에 유리

  • TypeScript와 구현 문제 없음

  • 커뮤니티와 생태계가 방대함

  • 다양한 UI 라이브러리와 호환성 좋음 (MUI, Tailwind 등)

 

2. Vue.js (Nuxt.js 포함)

  • 문법이 직관적이며 쉬움

  • REST API 연동이 용이하며, 작은 프로젝트부터 대규모까지 커버 가능

  • Nuxt.js는 SSR과 SEO 대응에 강점이 있음

장점

  • 초보자에게 친화적인 템플릿 문법

  • 적은 코드로 빠르게 프로토타입 개발 가능

  • 공식 상태 관리(Vuex)와 라우터가 안정적

 

3. Svelte (SvelteKit 포함)

  • 빌드 타임에 모든 작업을 처리해 런타임이 가볍고 빠름

  • JavaScript 초보자에게도 접근성이 좋음

  • SvelteKit을 사용하면 라우팅 및 SSR까지 통합 제공

장점

  • 개발 생산성이 높고 문법이 간결함

  • 번들 크기가 작아 퍼포먼스에 유리

  • CSS-in-JS 없이도 강력한 스타일링 가능

 

4. JSP: 더 이상 사용하지 않는 레거시 기술 (추천 X)

현대적인 웹 개발의 요구사항을 충족시키기 어려우며, 생산성이 너무 떨어집니다.

  • HTML, CSS, JavaScript가 뒤섞여 코드의 가독성이 떨어지고 유지보수가 어렵습니다.
  • 낮은 생산성과 생태계의 부재

 

5. Thymeleaf (추천 X)

Thymeleaf는 JSP 단점을 상당 부분 개선했지만 포지션이 애매합니다. 신규 프로젝트를 Thymeleaf로 시작하기에는 React, Vue와 비교했을 때 부족하게 느껴집니다. (렌더링, 생산성 등)

키워드

Spring Boot 프론트엔드프레임워크 추천
Spring Boot와 함께 사용하기 좋은 프론트엔드 프레임워크 | TECH.KAKAO.GG