SPA (Single-page application)란? (단일 페이지 앱)

SPA란?

- SPA란, Single-page application의 줄임말로, 한글말로 단일 페이지 앱

- SPA는 일종의 하나의 웹 앱 혹은 웹 사이트이다.

- SPA는, 현재 페이지를, 웹 서버로부터 받아, 새로운 데이터를 통해 다시쓰기 방식 (다시 로딩하는게 아닌!)으로, 유저에게 보여준다.    (웹 브라우저가 새로운 전체 페이지를 로딩하는, 고전적인 방법 대신에)

 

- (중요) SPA는, 새로고침이 절대로 일어나지 않는다.

- 그 대신에, 브라우저에 의해, 모든 필요한 HTML/JavaScript/CSS code를 가져온다. (싱글페이지 로드를 통해서)

또는, 알맞은 자원(HTML/JavaSciprt/CSS) 들이, 페이지에 동적으로 로드 되거나 추가된다. 보통 유저의 action에 의해 반응으로 동적으로 로드된다.

 

정리

만약, 우리가 SPA로 웹페이지로 만들고 싶다면, 아래와 같은 특징을 따라야한다.

1. 새로고침없이, 유저의 클릭 이벤트로만, 페이지를 변경해야한다.

2. 한꺼번에, 모든 필요한 자원(HTML/JavaScript/CSS code)들을 서버로부터 받아온다.

 

부가적으로

- ReactJS를 이용해, SPA를 구현할 수 있다.

 

- SPA를 논할 때, "이 사이트가 SPA인가?"를 구분하기 위해선,

사이트 기능을 이용할 때 (로그인하거나, 글을 쓸 떄) 페이지 새로고침을 하는지 확인해보아라.

만약, 새로고침이 일어난다면, SPA는 아니다.

 

참고자료/출처

- 위키피디아(영어) SPA

https://en.wikipedia.org/wiki/Single-page_application