HTML, Thymeleaf, React 사용 프로젝트 비율 분석

user icon

KUKJIN LEE 🚀

3개월 전

1. 개요

본 보고서는 전통적인 HTML 프로젝트, Thymeleaf를 사용한 프로젝트, 그리고 React 기반 프로젝트의 사용 비율을 분석합니다. 웹 개발 트렌드와 다양한 산업 보고서를 바탕으로 추정치를 제공합니다.

 

2. 기술 분류

2.1 순수 HTML

  • 정적 HTML, CSS, JavaScript만을 사용하는 프로젝트

  • 서버 사이드 렌더링 없이 클라이언트에서 모든 처리를 하는 경우

 

2.2 Thymeleaf

  • Java 기반의 서버 사이드 템플릿 엔진

  • HTML을 기반으로 하지만, 서버에서 동적으로 콘텐츠를 생성

  • 주로 Spring Framework와 함께 사용됨

 

2.3 React

  • JavaScript 라이브러리로, 주로 단일 페이지 애플리케이션(SPA) 개발에 사용

  • 컴포넌트 기반 아키텍처를 가짐

 

3. 사용 비율 추정

3.1 전체 웹 프로젝트 기준

  • React 및 기타 모던 JavaScript 프레임워크: 약 50-60%

  • 순수 HTML/CSS/JavaScript: 약 20-30%

  • Thymeleaf 및 기타 서버 사이드 템플릿 엔진: 약 15-20%

  • 기타: 약 5-10%

 

3.2 기업 규모별 사용 비율

3.2.1 대기업

  • React 프로젝트: 약 50-60%

  • Thymeleaf 프로젝트: 약 20-25%

  • 순수 HTML 프로젝트: 약 15-20%

  • 기타: 약 5-10%

 

3.2.2 중소기업 및 스타트업

  • React 프로젝트: 약 60-70%

  • 순수 HTML 프로젝트: 약 20-25%

  • Thymeleaf 프로젝트: 약 5-10%

  • 기타: 약 5-10%

 

4. 산업별 차이

  • 기술 및 서비스 산업: React 사용 비율이 매우 높음 (약 70-80%)

  • 금융 및 공공 부문: Thymeleaf를 포함한 서버 사이드 렌더링 비율이 높음 (약 40-50%)

  • 전자상거래: React 및 기타 모던 프레임워크 사용 비율이 높음 (약 60-70%)

 

5. Thymeleaf 사용 이유

  1. Java 생태계와의 높은 호환성 (특히 Spring Framework)

  2. 자연스러운 템플릿 작성 (HTML을 그대로 사용)

  3. 서버 사이드 렌더링으로 인한 초기 로딩 속도 향상

  4. 검색 엔진 최적화(SEO)에 유리

 

6. 향후 전망

  • React를 비롯한 모던 JavaScript 프레임워크의 사용은 계속해서 증가할 것으로 예상됩니다.

  • Thymeleaf는 Java 기반 웹 애플리케이션에서 꾸준한 사용률을 유지할 것으로 보입니다.

  • 순수 HTML 프로젝트는 간단한 정적 웹사이트나 레거시 시스템 유지보수에 주로 사용될 것으로 예상됩니다.

 

7. 결론

React를 비롯한 모던 JavaScript 프레임워크가 웹 개발 시장의 주류를 이루고 있지만, Thymeleaf와 같은 서버 사이드 템플릿 엔진도 특정 분야에서 중요한 역할을 하고 있습니다. 순수 HTML 프로젝트의 비중은 감소하고 있지만, 여전히 특정 상황에서 사용되고 있습니다.

주의: 본 보고서의 수치는 다양한 업계 보고서와 트렌드 분석을 바탕으로 한 추정치이며, 실제 상황과 차이가 있을 수 있습니다.

New Tech Posts