web - SPA의 개념

기존의 브라우저는 요즘의 페이지에 비해 성능이 떨어지고 더 느리다. 

 

무언가를 클릭할 때마다 서버에서 새 페이지가 로드되므로 시간이 많이 걸리기 때문이다. 그러나 spa의 경우에는 그렇지 않다. 

사용자가 요청한 데이터만 다시 로드하므로 프로세스가 더 빨라진다. 이것이 spa(single page application)다.

 

ㅔ

spa는 일종의 웹 아키텍쳐이며, 하나의 페이지에서 모든 정보를 사용할 수 있는 단일 페이지다.

 

기존의 브라우저는 http 요청에 의해 서버에서 데이터를 내려받으면, 해당 데이터를 통해 페이지를 다시 랜더링한다.

그러나 spa는 위의 그림과 같이 ajax등으로 json을 내려받고, 그 새로운 요청에 해당하는 데이터만을 다시 로드하는 방식이다.

 

중요한 건 spa는 다른 화면을 다시 로드하지도 않고, 다른 화면으로 변환하지도 않는다는 점이다.

 

그러나 단점은, 이러한 spa는 복잡성이 증가하여, 빌드시 빌드시간이 길어진다는 점이 있고, 이로 인해 사용자 경험이 좋지 않아질 수 있다는 점이다.

 

이를 사용하는 대표적인 예는 react와 ajax등이 있다.

 

아래의 사이트를 참고하여 작성된 문서입니다.

 

---

관련 문서

 

https://www.excellentwebworld.com/what-is-a-single-page-application/

What Is A Single-Page Application? Meaning, Pitfalls & Benefits