자바 + 스프링 을 공부하는데 html+css+java script도 거의 모르는 상황에서 뭔가를 연습한다는게 너무 어렵다.

 

별도로 인강으로 공부중인데, 위 thymeleaf를 사용하면  SSR로 작업한 결과를 눈으로 확인할수 있다는걸 배웠다.

SSR 이란단어도 처음 들었는데... 요건 아래 지피티용 정리를 남겨놓겠음.

 

🔹 SSR(Server-Side Rendering) 이란?

SSR은 Server-Side Rendering의 약자로,
웹 페이지의 HTML을 서버에서 미리 렌더링해서 브라우저에 전달하는 방식을 말한다.

🔹 동작 방식

  1. 사용자가 웹 페이지 요청
  2. 서버(Spring, Django, Node 등)에서
    • 데이터 조회(DB)
    • 서버에서 HTML 생성(렌더링)
  3. 완성된 HTML을 브라우저에 전송
  4. 브라우저는 HTML을 그대로 표시

🔹 특징

  • 초기 로딩 속도가 빠름 (브라우저가 바로 화면 표시 가능)
  • SEO(검색 최적화)에 유리 (HTML에 내용이 이미 들어있음)
  • 새 요청마다 전체 페이지를 다시 렌더링 → 페이지 이동 시 깜빡임 발생

🔹 예시

  • Spring MVC + Thymeleaf / JSP
  • PHP, Ruby on Rails 전통적인 웹 방식

 

 

뭐 복잡하게 써있지만, HTML은 정적인 컨텐츠니깐 화면 출력용이겠거니와... 싶은데

요 기능을 쓰면 

HTML에서 변수처럼 참조값도 쓰고, 반복문도 쓰고, 조건문도 쓸수있다!

난 인강으로 배울꺼고, 요내용은 차후 블로그에 남기면서 공부기록을 남길건데, 혹시 필요한 사람이 있을까봐 아래 사이트 정보를 남겨놓는다.

 

Thymeleaf 관련 

공식 사이트: https://www.thymeleaf.org/

공식 메뉴얼 - 기본 기능: https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html

공식 메뉴얼 - 스프링 통합: https://www.thymeleaf.org/doc/tutorials/3.0/thymeleafspring.html

+ Recent posts