본문 바로가기

Hello World !/WEB

SPA (Single Page Application) 이란 ?

SPA (Single Page Application) 이란 ?


일반적으로 우리가 알고있는 웹 서비스는 어떠한 링크 (예:<a href="">) 를 클릭하면 페이지가 이동하는 형식이며  조금 더 자세히 설명하자면

요청시마다 리소스를 받아 전체 페이지를 다시 랜더링해주고 이를 통해 새로고침이 발생되어 사용성이 좋지않습니다. 그리고 변경이 필요없는 부분을 포함하여 전체페이지를 갱신하므로 비효율적입니다. 이러한 웹의 방식은 현재의 풍부한 웹환경을 표현하기에 속도적인 측면에서 많은 리스크를 가지고있었고 이를 해소하기위해 캐싱과 압축이라는 방식으로 어느정도 해소하였지만 결국 브라우저는 모든 CSS, 자바스크립트, HTML을 해석한뒤에 이들을 화면에 렌더링합니다.


반면 SPA(single page application) 는 기본적으로 브라우저에 로드되고 난 뒤에 페이지 전체를 서버에 요청하는것이 아니라 최초한번 페이지전체를 로딩한후 이후부턴 데이터만 변경해서 사용할 수 있는 웹 어플리케이션을 말합니다.

이후 새로운 페이지 요청 시, 페이지 갱신에 필요한 데이터만을 전달받아 페이지를 갱신하므로 전체적인 트래픽을 감소할 수 있고

전체 페이지를 다시 렌더링하지 않고 변경되는 부분만을 갱신하므로 새로고침이 발생하지 않아 네이티브 앱과 유사한 사용자 경험을 제공할 수 있습니다.

'Hello World ! > WEB' 카테고리의 다른 글

웹표준(Web Standards) 과 웹호환성(Cross Browsing)  (0) 2018.07.19