[JAVA] JSP와 서버사이드렌더링(SSR)

 

🍅  회사에서 기존 신규 프로젝트를 진행 할 때에 어떤 방식으로 개발할 지에 대해 잠깐 이야기 한 적이 있다. 

 

단순히 JSP를 개발 속도가 빨라서, 개발에 익숙하니까. 기존에 했던 프로젝트와 비슷한 구조로 간다면 구현이 빠르니까.

라는 말에 납득을 하긴했지만, 한편으로는 레거시한 방법을 쓰는게 싫다라는 막연한 생각이 있었다. 

 

그 외에는, 코틀린을 써보자 리액트로 나누자. 등등 여러 의견이 있었다.

 

러닝커브를 의식하지 않고, 결정만 내린다고 한다면. 

 

왜 레거시를 싫어하는지? 왜 JSP가 레거시라는 인식을 가졌는 지, 생각해봤지만,

이유는 모르고 그냥 잘 안쓰니까, 요즘 안쓰기도 하고, 그냥 프론트 백 분리가 추세니까라는 이유만 생각이 났었다. 

 

나는 왜 JSP에 거부감을 가졌는지 장단점을 파악해서 이유를 알아보려고한다.

 

 

---

 

JSP(JavaServer Pages) 는 자바 기반 서버 사이드 렌더링(SSR) 기술 중 하나이다. 

전자정부나 오래전 프로젝트를 경험한 사람은 많이들 접했을 것이다.

 

 

 

JSP의 장점은 다음과 같다.

 

• Java 기반 프레임워크인 Spring과 연계해서 사용, Spring의 다양한 기능을 활용 가능.
• 클라이언트와의 통신이 없으므로, 보안 측면에서 높은 수준의 안정성 제공.
  • JSP 컴파일 - Servlet 변환 (컴파일 이후에는 코드 수정이 불가능하므로,)
• Java 언어를 쓰므로, 타입 안정성이 높고 안정적인 코드 작성 가능.
• Java 기반의 어플리케이션을 개발할 경우 자연스럽게 선택 가능.

 

JSP의 단점은 다음과 같다. 

 

• Java 기반이므로 Java 개발자가 아닌경우에 선택 어려움.
• 코드가 복잡해지면 유지보수가 어려워짐 
• 요청마다 페이지를 다시 렌더링 하므로, 서버 부하 증가

 

 

---

 

JSP의 단점 중, 서버에서의 페이지 렌더링은 단점만 있지는 않다.

 

 

 

SSR (서버사이드 렌더링)

 

• 서버 측에서 HTML을 생성하여 클라이언트에 전달
• 로딩 속도가 빠르고, 검색 엔진 최적화에 유리
• 서버에 부하 발생 가능. 서버에서 HTML을 렌더링 해야 하므로, 초기 구현 시간이 오래 걸릴 수 있음.
• 전체 페이지 로딩 후 변경점이 있을 경우 다시 전체 페이지를 로딩해야 함.

 

 

 

 

 

CSR (클라이언트사이드 렌더링)  / JSP는 SSR 방식이다.

 

• 클라이언트 측에서 JavaScript를 통해 HTML 생성
• 초기 로딩 느리고,. 검색엔진 최적화에 불리
• 서버 부하가 적고, 비동기 식으로 변경사항 적용 가능.
• 클라이언트 측에서 HTML을 생성하므로, 구현 시간이 빠르고, SEO에 관계 없는 APP에 적합.

 

 

SEO(검색 엔진 최적화)

검색엔진은 웹 사이트의 내용을 크롤링 - 검색 인덱스에 추가한다.

이후 사용자가 검색 할 때, 해당 검색어와 관련된 내용을 포함한 웹 사이트를 검색 결과로 보여준다. 

SSR 방식은 서버에서 HTML을 렌더링하여 보여주므로, 초기 로딩이 빠르고, 검색 엔진에서 웹 페이지의 내용을 쉽게
읽을 수 있으므로 노출에 유리하다. 

반면 CSR 방식은 초기 HTML이 비어 있으므로, 검색 엔진에서 페이지의 내용을 인식하는 데에 어려움이 있다.

 

 

 

 

 

MSA 구조의 프로젝트에서 ? 

    일반적으로, MSA 구조에서는 서비스가 각각 독립적이므로. 서비스간 통신은 API를 통해 이루어진다.

 따라서, 각각 서비스에서 중복되는 코드가 발생할 가능성이 높다 

    CSR 방식을 사용한다면, 각각의 서비스에서 독립적인 렌더링 처리가 되고, 필요한 API 별로 데이터를 가져올 수 있기 때문에 서버의 부하가 적어 지는 장점이 있다. 

 

이 외에 네이버에서 운영하는 블로그는 SSR 방식을 쓰는데, ( React, Node를 사용해서 SSR을 구현해서 쓰고 있다는 점도 놀라웠다. ) 단순 트렌드나 흐름에 따라 CSR을 고집하기 보다는 SSR과의 차이(유지보수 장단점도 존재) 를 인지하고 선택하는게 맞다고 생각한다.

 

https://d2.naver.com/helloworld/7804182

 

 

 

 

 

 

 

 

 

 

 

 

참고 :

https://d2.naver.com/helloworld/7804182

https://medium.com/walmartglobaltech/the-benefits-of-server-side-rendering-over-client-side-rendering-5d07ff2cefe8

The Benefits of Server Side Rendering Over Client Side Rendering

 

기술적 가스라이팅은 이제 멈춰주세요

 

서버 사이드 렌더링(Server Side Rendering, SSL)