Jsp , thymeleaf / react , vue의 차이점

spring 으로 백엔드를 개발후 View에서 jsp를 사용했었는데 react로 리팩토링을 계획함에 따라 Jsp 와 thymeleaf, react , vue 의 정확한 차이점을 짚고가고싶어서 작성하게 되었다. 우선 큰 차이점으로 렌더링 방식 차이부터 설명하도록 하겠다.

  1. 서버 사이드 렌더링

설명 : 서버에서 완전한 HTML을 만들어서 내려준다 , 대표적으로 jsp,thymeleaf,velocity freemarker가 있다.

장점👍: 단순하고 학습곡선이 낮음 , 백엔드 개발자도 쉽게 개발이 가능하다.

단점👎: 동적이면서 복잡한 화면을 만들기는 어렵다.

  2. 클라이언트 사이드 렌더링

설명 : 서버는 API만 제공하고, 자바스크립트 프레임워크가 템플릿과 서버 API 응답 결과를 조합해서 HTML 화면을 동적으로 만든다. 대표적으로 react, vue.js, angularJS 등이 있다.

장점👍: 동적이고 복잡한 화면을 만들기 좋다.

단점👎: 공부할 분량이 매우 많다 , 자바스크립트에 능숙해야한다.