그거 뭔지 모르겠어 : SPA

1. 정의

SPA ( Single Page Application ) 란 브라우저에 최초 한번 페이지 전체를 로드하고 이후부터 특정 부분만 Ajax 를 통해 데이터를 바인딩하는 웹 서비스 방식

전통적인 방식은 페이지를 새로고침하여 리렌더링하기 때문에 

참고) [WEB] SPA란?

2. 장단점

페이지 갱신에 필요한 데이터만을 전달받아 페이지를 갱신하므로 전체적인 트래픽을 감소할 수 있고, 전체 페이지를 다시 렌더링하지 않고 변경되는 부분만을 갱신하므로 새로고침이 발생하지 않아 네이티브 앱과 유사한 사용자 경험을 제공하는 어플리케이션이며 

단점

1. 초기 구동 속도 문제

웹 애플리케이션에 필요한 모든 정적 리소스를 최초에 한번 다운로드하기 때문에 초기 구동 속도가 상대적으로 느리다.

해결 방법으로 모듈을 청크단위로 분리해서 해당 모듈이 필요한 시점에 나누어 다운로드 할 수 있는 기법을 사용한다.

Lazy Loading : 

참고) lozyload, 미디어 콘텐츠 지연로딩 시키기 (feat. jQuery Lazy)

2. 검색엔진 최적화(SEO) 문제

3. 보안 문제

4. IE 8 이하 지원 문제

 

SPA 단점에 대한 단상

ㅇㄹㅇ

poiemaweb.com/js-spa

SPA & Routing | PoiemaWeb

참고

 

DD