memostack
article thumbnail
블로그를 이전하였습니다. 2023년 11월부터 https://bluemiv.github.io/에서 블로그를 운영하려고 합니다. 앞으로 해당 블로그의 댓글은 읽지 못할 수 도 있으니 양해바랍니다.
반응형

SPA

SPA는 Single Page Application의 약자로, 한국말로 단일 페이지 애플리케이션이라고 할 수 있다.

 

SPA는 서버로부터 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성하는 Application을 말한다. 전체 페이지를 렌더링 하지 않고, 바뀐 부분만 렌더링 하기 때문에 (전체 렌더링보다) 효율적이라고 할 수 있다.

 

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

 

또한 새로고침하지 않기 때문에 사용자에게 좀 더 데스크톱 애플리케이션을 사용하는 기분이 들게 해 준다.

 

SPA는 초기에 정적 리소스를 한 번에 가져오기 때문에 초기 로딩 속도는 더 느릴 수 있다. 하지만, SPA 기반의 서비스는 대체적으로 웹 페이지보단 애플리케이션 서비스에 가깝기 때문에 큰 단점이라고 할 순 없다.

 

웹 페이지보단 어플리케이션에 사용하기 좋은 SPA (출처: https://www.excellentwebworld.com/what-is-a-single-page-application/)

 

SPA 만들기

SPA 서비스를 만들려면 어떻게 해야 할까?

 

AJAX를 사용하면 단일 페이지 애플리케이션을 만들 수 있다. 요즘에는 빠르게 인기를 얻고 있는 React JS 또는 Vue JS를 이용하면, 손쉽게 SPA 애플리케이션을 만들 수 있다.

React JS 와 Vue JS

 

어디서 사용하고 있을까?

SPA 기반으로 서비스를 제공해주는 회사는 어떤 회사들이 있을까? 많은 사람들이 알고 있는 회사가 굉장히 많다.

  • Facebook, Netflix, Goole Mail, Twitter...

SPA 서비스를 제공해주는 회사들


Reference

반응형
블로그를 이전하였습니다. 2023년 11월부터 https://bluemiv.github.io/에서 블로그를 운영하려고 합니다. 앞으로 해당 블로그의 댓글은 읽지 못할 수 도 있으니 양해바랍니다.
profile

memostack

@bluemiv_mm

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!