반응형
Traditional Web Application: 데이터를 요청할 때마다 페이지로드(전통적인 웹 어플리케이션)
위 방법의 단점을 해결하기 위해 SPA로 대체한다.
SPA: Single Page Application
페이지 로드 없이 데이터 요청
SPA 장점
1. 빠르고 자연스런 전환으로 훌륭한 사용자 경험 제공
2. 더 적게 요청해 빠르게 렌더링 가능
3. 컴포넌트 단위 개발로 생산성 향상
4. 쉬운 분업화
SPA 단점
1. 느린 최초 로드 => Lazy loading, 브라우저 캐싱를 이용하여 보완
2. 어려운 검색 엔진 최적화(SEO) => SSR, Serverless Functions를 이용하여 보완
3. 모든 데이터 노출 => 비즈니스 로직 최소화하여 작성하여 보완
반응형
'프론트엔드 > Vue.js' 카테고리의 다른 글
Netlify-CLI 구성 (0) | 2022.01.15 |
---|---|
Netlify Serverless Function (0) | 2022.01.14 |
검색 정보 초기화 및 페이지 전환 스크롤 위치 복구 (0) | 2022.01.13 |
반복적인 내용을 효율적으로 관리하는 방법: Vuex Helpers (0) | 2022.01.13 |
404 페이지 만들기 (0) | 2021.11.03 |