새소식

Front

SPA(Single Page Application) 이란? 개요/장점/단점

  • -
728x90


프론트 기술은 

SPA(Single Page Application)로 만들던지 

JSP를 tiles로 만들라는 말이 있다.


아무튼, SPA가 무엇인지 알아보자!

단일 페이지 어플리케이션 줄여서 SPA(Single Page Application)라고 한다.

보통 웹 어플리케이션을 보면, 

헤더(Header) & 푸터(Footer) 부분은 보통 고정되어있다.

다른 페이지로 이동하더라도 서비스 이용자가 느끼는 것은 컨텐츠가 변경되었다는 것 뿐이다. 

SPA는 그러한 점을 파악한 것으로, 

최초 페이지 로딩 후 --> 컨텐츠 부분만 변경해서 화면에 출력하는 애플리케이션을 말한다.


정리하자면, 

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

이후부턴 데이터만 변경해서 사용할 수 있는 웹 어플리케이션을 말한다. 


그런 방식을 사용함으로써, 

웹의 랜더링 속도가 빨라지고 

사이트의 전체 트래픽 양도 크게 감소하게 된다.


물론, 단점도 존재한다. 

SEO(검색 엔진 최적화, Search engine optimization)에 문제가 발생한다. 

검색이 잘 안된다는 의미이다.

스크립트 언어로 화면의 전환이 이뤄지므로, 

잘 만들어진 검색 엔진이 아니라면 크롤링하기 어렵다.




개발자들은 단일 페이지 어플리케이션(SPA)을 만들기 위해 

Backbone.js, Angular.js 등의 자바스크립트 라이브러리를 사용한다.


Reference : http://devsh.tistory.com/entry/SPASingle-Page-Application-이란

Reference : https://chimeleon.blogspot.kr/2016/05/spasingle-page-application.html

반응형
Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.