React - SPA

장은수·2022년 11월 28일
0

SPA

SPA는 서버로부터 완전히 새로운 페이지를 불러오는 것이 아니라.
화면을 업데이트하기 위해 필요한 데이터만 서버에서 전달받아 브라우저에서
해당하는 부분만 업데이트하는 방식으로 작동하는 웹 애플리케이션이나 웹사이트를 말한다.

SPA의 장점

  • 전체 페이지가 아니라 필요한 부분의 데이터만 받아서 화면을 업데이트 하면 되기 때문에 사용자와의 interaction에 빠르게 반응한다.
  • 서버에서는 요청을 받은 데이터만 넘겨주면 되기 때문에 서버 과부화 문제가 현저하게 줄어든다.
  • 전체 페이지를 렌더링 할 필요가 없기 때문에 더 나은 유저경험을 제공한다.
  • 대표적으로 유튜브, 페이스북, 지메일, 넷플릭스 등이 SPA방식으로 제작되어있다.

SPA의 단점

  • Javascript 파일의 크기가 크다.
    때문에 이 Javascript 파일을 기다리는 시간으로 인해 첫 화면 로딩 시간이 길다.
  • 검색 엔진 최적화가 좋지않다는 단점도 있지만 최근엔 SPA에서도 검색 엔진 최적화에 대응할 수 있도록 검색 엔진이 발전하고 있어서, 이 단점은 사라지고 있는 추세이다.

0개의 댓글