📶 네트워크 - WEB_SERVICE 5탄

유투브 널널한 개발자님 강의 복습 및 정리를 위한 글

• WAS, JVM 그리고 RESTful API

널널 유투버님 채널

요즘은... SPA(Single Page Application)

지난 글까지는 css/html을 web app에서 준비해서 클라이언트 단으로 던지는 거였다면, 
현대 웹 애플리케이션에서는 html,css를 직접 제공하지 않고 데이터를 api 형식으로 제공하기 시작했다. 


이를 SPA(Single Page Application) 방식이라고 한다는데.. 

전통적인 방식 vs. 현대적인 방식

전통적인 방식 (서버 렌더링)

서버에서 HTML, CSS를 생성하고, 클라이언트는 이를 받아서 그대로 표시
모든 페이지 이동 시 서버로부터 새로운 HTML을 받아야 하므로, 페이지 전환이 느릴 수 있음
서버 측에서 템플릿 엔진을 사용하여 HTML을 동적으로 생성

현대적인 방식 (클라이언트 렌더링)

서버는 데이터(API)만 제공하고, 
클라이언트는 JavaScript 프레임워크(React, Vue.js 등)를 사용하여 
데이터를 받아 화면을 동적으로 구성

초기 로딩 시 필요한 기본 HTML, CSS, JavaScript 파일만 받아오고, 
이후의 데이터는 API를 통해 받아옴

SPA 방식으로 페이지 전환이 빠르고 부드러움