Single Page Applications, Server side rendered applications

Single Page Applications

SPA

클라이언트 사이드 렌더링 사용

​

단일 페이지 응용 프로그램

1개의 페이지만 있는 어플리케이션

하나의 HTML에서 UI 변경

최초 한번 페이지 전체를 로딩

=>이 후 부터는 데이터만 변경하여 사용

​

페이지 이동시

서버로부터 완전한 새로운 페이지 불러오지 않고

현재 페이지를 동적으로 다시 작성

​

HTML, JS, CSS 하나의 페이지로 불러옴

=> 사용자의 동작에 응답

​

사용자 측면

전체 페이지 새로고침 => 과도한 네트워크 트래픽을 유도

JSON, XML 서버 요청, 응답

​

장점

손쉬운 운영 배포

사용자 친화적( 빠른 반응성, 화면전환 에니메이션 등 )

//처음 받은 데이터를 사용

서버 요청이 적음( REST API를 통한 데이터 송수신 )

​

단점

검색 엔진 최적화*(SEO)에는 어려움이 있습니다.

//검색엔진 html보고 올림 

초기 구동에 시간이 걸림

 

 

---

​

​

Server side rendered applications

SSR

서버에서 렌더링을 작업하는 렌더링 방식

사용자가 웹 페이지 접근 => 서버에 각각의 페이지 정보 요청

=> 화면 렌더링

​

장점

사용자가 처음으로 컨텐츠를 볼수 있는 시점 앞당김

검색엔진최적화 용이

​

단점

완전히 새페이지를 로딩하고 렌더링

​​