SPA

Single Page Application

What is SPA?

SPA는 Single Page Application의 약자입니다. SPA는 클릭 마다, 페이지를 이동할 때 마다 흰 화면을 보여주던 기존 웹과 달리 클릭시 새로고침 없이 페이지를 새로 렌더링하는 어플리케이션입니다.

Special Forces 프로젝트에 적용된 SPA를 보셨나요? 로그인부터 데이터 로드, 페이지 전환까지 아주 자연스럽지만 흰 화면은 만나지 않습니다.

Why?

우리가 일반적인 웹을 사용할 때 로그인 시, 페이지 이동 시 등등 흰 화면을 자주 만나게 됩니다. 대부분의 웹이 그렇기 때문에 불편함 없이 사용하셨겠지만, 사용자에게 피로가 누적되는 것은 피할 수 없는 일입니다.

게다가 서버에서 오래 걸리는 작업을 요청하게 되었다면 흰 화면을 더 오래 만나겠지요.

따라서 우리가 스마트폰 앱을 사용할 때 처럼 미리 다운로드 받고, 빠릿빠릿한 반응성을 보여주기 위해 등장한 것이 바로 SPA 입니다.

How?

우리가 스마트폰 앱을 사용하는 것처럼, SPA도 페이지를 열 때 미리 데이터들을 로드합니다. (다른 페이지까지 말이죠) 그리고 사용자의 요청에 따라서 미리 다운로드된 페이지를 화면에 뿌려주게 됩니다. 서버와 통신하며 렌더링하지 않기 때문에 가지고 있던 그대로 화면에 그려주면 됩니다. 이 모든 것들은 웹페이지의 동반자, Javascript가 맡게 됩니다.