SPA란?

SPA

어떤한 것이든 다 이유가 있다. SPA또한 마찬가지 일것이다. 오래된 웹사이트를 봤을때 일방적으로 콘텐츠를 받을 수 만 있는 정적 페이지에서 많이 발생하는 경우인데, 페이지를 이동할 때마다 매번 화면이 깜박 거리는 것이다. 이러한 경우 뭐 이용하는데는 문제가없지만, 타 사이트보다는 매우 답답함을 느낄수 있을것이다.

페이지를 이동할 때 마다 페이지 전체를 다시 불러오기 때문에 이러한 현상이 발생하는것이다.

그렇다면, 단순히 불편하기만할까? 그렇지않다. 소개한 페이지도 마찬가지지만 상호작용이 상당히 많이 일어나기도 한다. 매번 전체를 불러온다는건 매번 서버에게 전체를 요청하는 상황인건데 클라이언트 단에서 해결하는것보다 매번 서버와 상호작용을 한다면 서버에 부담이 많이 갈것이다. 즉, 이러한 문제들을 해결하기위해, 필요한 콘텐츠만 바꿔줄 수 있는 SPA가 탄생한 것이다.

SPA란?

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

SPA의 장점

• 매번 전체 페이즈를 렌더링x 사용자 경험 상승
• 필요한 부분 데이터를 받아오면 되기 때문에 빠르고 서버에 부담이 적다

단점

• HTML 파일은 매우 가볍고 js로 DOM을 조작해 만들기 때문에 js파일의 크기가 크다 즉, js를 받아오기 까지의 첫 로딩시간이 길다.
• HTML 파일은 비어있는 상태로 전달 되기 때문에 SEO가 좋지 못하다 비어있기 때문에 최적화 로봇이 알 수 있는 방법이 없다.

출처:

https://velog.io/@yeoungil012/SPA%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%B8%EA%B0%80!