#2 SPA (Single Page Application)

웹에서 SPA는 Single Page Application의 약자로, 단일 페이지 애플리케이션을 뜻합니다. 서버로부터 새로운 페이지를 불러오지 않고, 현재 페이지를 동적으로 다시 작성하여 사용자와 소통하는 웹 애플리케이션이나 웹사이트를 말합니다. 

 

SPA의 장점은 다음과 같습니다. 

 

• 배포가 간단합니다
• 웹 애플리케이션에 필요한 모든 정적 리소스를 최초에 한번만 다운로드합니다
• 전체 페이지를 다시 렌더링하지 않고 변경되는 부분만을 갱신하므로 새로고침이 발생하지 않습니다
• 네이티브 앱과 유사한 사용자 경험을 제공합니다

SPA의 단점은 다음과 같습니다. 

 

• 초기 구동 속도가 상대적으로 느립니다
• 검색엔진 최적화(Search Engine Optimization, SEO) 이슈가 있습니다

SPA는 모바일의 중요성이 커지면서 모바일 최적화에 대한 니즈를 충족하기 위해 생겨난 기법입니다. 크롬, 사파리 등의 브라우저를 통해 사용하는 웹 앱(모바일 웹)을, 다운받아 사용하는 네이티브 앱(모바일 앱) 같은 퍼포먼스를 낼 수 있게 해줍니다.