본문 바로가기
프론트엔드/Vue.js

SPA

by step 1 2022. 1. 14.
반응형

Traditional Web Application: 데이터를 요청할 때마다 페이지로드(전통적인 웹 어플리케이션)

위 방법의 단점을 해결하기 위해 SPA로 대체한다.

 

SPA: Single Page Application

페이지 로드 없이 데이터 요청

 

SPA 장점

1. 빠르고 자연스런 전환으로 훌륭한 사용자 경험 제공

2. 더 적게 요청해 빠르게 렌더링 가능

3. 컴포넌트 단위 개발로 생산성 향상

4. 쉬운 분업화

 

SPA 단점

1. 느린 최초 로드 => Lazy loading, 브라우저 캐싱를 이용하여 보완

2. 어려운 검색 엔진 최적화(SEO) => SSR, Serverless Functions를 이용하여 보완

3. 모든 데이터 노출 => 비즈니스 로직 최소화하여 작성하여 보완

 

 

 

 

 

 

 

 

 

반응형