SPA
정의
- Single Page Application으로 하나의 페이지로 구성된 웹 애플리케이션
- JS 기반 비동기 모델의 클라이언트 사이드 랜더링(CSR) 방식으로 동작
- 예전 SSR(Server Side Rendering)방식 인 경우 화면에 보여질 부분을 서버에 요청하고 서버에서 받아왔음
- 반면에 SPA는 렌더링 역할을 브라우저가 대신 및 웹 사이트에 필요한 정적 자원을 최초에 한번만 다운
장점
- 새로운 페이지 render이 수정된 부분만 render하기 때문에
전체 트래픽 감소,렌더링에서 좋은 효율
- 새로고침이 발생하지 않아 화면의 깜빡임 없이
빠른 화면 이동
- 트래픽 감소 및 속도 향상으로
사용자 경험(UX)향상
단점
- 초기에 웹 사이트에 필요한 정적 리소스를 가져오므로 초기 구동 속도가 느림
- SEO(검색 엔진 최적화)가 어려움 ⇒ 검색 엔진이 크롤링을 할 때 js를 실행하지 않고 애플리케이션이 실행되기전의 비어있는 코드를 크롤링하기 때문에
- SPA는 정보를 제공하는 목적의 웹 페이지 보다는 애플리케이션에 적합한 기술
