SPA (Single Page Application)

SPA란?

SPA(Single Page Application)는 단일 페이지로 구성된 웹 애플리케이션을 말한다. 정적인 파일을 먼저 다운로드하고, 이후 사용자의 조작에 따라 필요한 데이터만 서버에서 비 동직적으로 받아오면서 동작한다. 그래서 트래픽의 총량을 줄일 수 있고, 애플리케이션의 형태나 웹 사용성(UX)에서 이점을 가진다.

 

SPA의 장점

1. 새로운 페이지를 요청하게 되면 필요한 부분만 재랜더링되기 때문에 전체적 트래픽 감소와 더불어 랜더링에서 좋은 효율을 보인다.

2. 새로운 부분만 재랜더링 되기 때문에 사용자 입장에서도 매우 자연스러운 화면 전환을 경험할 수 있다.

3. 컴포넌트 별로 개발할 수 있다.

 

 

SPA의 단점

1. 필요한 리소스를 초기에 다운로드 받기 때문에 초반 로드 속도가 느리다.

2. SPA로 만들어진 애플리케이션은 내부에 JS 코드로 구성되어있기 때문에, SEO(검색 최적화)에 있어서 취약하다.

3. 보안과 관련하여 쿠키에 사용자 정보를 저장할 수 도 있어 위험 요소가 될 수 있다.

 

추가) MPA(Multi Page Application)

고전적인 방식으로 브라우저에서 요청한 내용을 서버로 부터 받아와서 새로운 페이지를 랜더링 하는 방식.

 

 

#Reference

[Web App]싱글 페이지 어플리케이션 (SPA-Single Page Application)

 

SPA(Single Page Application)란?