SPA, Single Page Application은 하나의 페이지로 구성된 웹 어플리케이션(페이지)를 의미하는 용어입니다.
일반적으로 웹 개발을 처음 접하고 이것저것 만들어보는 동안은 여러개의 페이지로 구성된 웹 어플리케이션을 제작했을 것 입니다. 이렇게 페이지를 구성하면 요청을 할 때마다 서버에서는 페이지의 모든 리소스들을 처리해서 html 문서로 돌려주고 새로고침 과정을 거치게됩니다. 인터넷 초기에는 문제가 없었으나, 사용자가 늘어나고 웹 페이지에서 표시하는 정보량이 많아지자 서버에 큰 부담을 주게 되었습니다. 또한 html 문서의 계속된 요청은 UI의 사용상태 유지가 어려워지고 바뀌지 않는 부분까지도 다시 요청해서 화면에 보여주기 때문에 로딩이 길어지는 문제점도 수반하고 있습니다.
위와 같은 문제를 해결하기 위해서 SPA가 등장했습니다. SPA는 웹 페이지를 html 문서 하나만 가지고 구성하고, 내부 요소들은 자바스크립트 등을 이용해서 보여지도록 만드는 것 입니다. 이는 필요한 부분만 요소를 업데이트 할 수 있다는 장점이 있어서 위에서 갖는 문제점들을 해결하게 해주었습니다.
싱글 페이지라는 이름 때문에 오해가 생길수도 있는데, 서버에서 클라이언트로 전송하는 페이지가 하나 일 뿐입니다. 사이트의 다양한 페이지는 만들어두지만 전송된 단 하나의 페이지를 통해서 스크립트나 주소 조작(라우팅)으로 다양한 페이지를 보여주게됩니다.
