SPA(Single Page Application)

 

 

SPA(Single Page Application)란

서버로부터 새로운 페이지를 불러오지 않고 현재의 페이지를 동적으로 다시 작성함으로써 사용자와 소통하는 웹 애플리케이션이나 웹사이트

특징

- 웹 앱에 필요한 모든 정적 리소스를 처음에 한번 다운로드
- 페이지 간 이동 시, 페이지 갱신에 필요한 데이터만을 JSON으로 전달받아 페이지를 갱신
- 네이티브 앱과 유사한 사용자 경험을 제공함으로써 모바일 웹에 최적화
- 프론트엔드와 백엔드의 분리

단점

- 초기 구동속도가 느린 편
- SEO(검색엔진 최적화) 어려움

SEO(Search Engine Optimization)란

포털 사이트에서 검색 시 상위에 노출되도록 웹 페이지를 구성하는 것

관련 프레임워크

- Angular.js
- React.js
- Vue.js

참고

https://www.ascentkorea.com/seo-for-spa/
https://velog.io/@gwanuuoo/SPA%EB%8A%94-%EA%B8%B0%EC%A1%B4-%EC%9B%B9%EC%82%AC%EC%9D%B4%ED%8A%B8%EC%99%80-%EC%B0%A8%EC%9D%B4
https://jsj0903.tistory.com/4
https://www.ascentkorea.com/seo-checklist-for-spa/
https://yozm.wishket.com/magazine/detail/1540/

[WEB] SPA(Single Page Application)란?

SPA의 SEO, 어떻게 해야할까? - 어센트 코리아