본문 바로가기
Framework & Library/Spring Boot

[Spring Boot] : HTML, HTTP API, CSR, SSR

by 오주현 2022. 1. 18.
반응형

  • 정적 리소스
    • 고정된 HTML, CSS, JS 등을 제공한다.
    • 요청 → 이미 생성된 리소스 파일 ( /C/hello.html 등)을 웹 브라우저에 보내준다.
  • HTML 페이지
    • 동적으로 필요한 HTML 파일을 생성해서 전달한다.
    • 요청 → WAS에서 DB 조회를 한다. → 동적으로 HTML을 생성한다. (JSP, 타임리프 등) → HTML을 웹 브라우저에 보내준
  • HTTP API
    • HTML이 아니라 데이터를 전달한다.
    • JSON 형식 사용한다.
    • 다양한 시스템에서 호출한다.
    • HTTP 위에 JSON을 통해 데이터를 주고 받는다. -> 웹 백엔드 개발자
  • 백엔드 개발자는 정적 리소스, HTML 페이지(동적), HTTP API이 세 가지 방법에 대해 고민을 해 봐야 한다.
  • SSR | 서버 사이드 렌더링
    • 서버에서 최종 HTML을 생성해서 클라이언트에 전달한다.
    • 주로 정적인 화면에 사용하며 JSP와 타임리프 등을 사용한다.
  • CSR | 클라이언트 사이드 렌더링
    • HTML 결과를 자바스크립트를 사용해 웹 브라우저에서 동적으로 HTML을 생성해서 적용한다.
    • 주로 동적인 화면에서 사용한다.
    • 웹 환경을 마치 앱 처럼 필요한 부분만 변경할 수 있다.
      • ex) 구글지도, Gmail, 구글 캘린더
    • 관련 기술 : React, Vue.js → 웹 프론트엔드 개발자


스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술을 참고하여 공부한 내용입니다.

반응형

댓글