오늘 공부한 주 내용은 React SPA다
SPA(Single Page Application)은 서버를 완전히 새로 불러오는 것이 아니라, 필요한 데이터만 서버에서 전달받아 블라우저에서 해당하는 부분만 업데이트 하는 방식으로 작동하는 웹 애플리케이션이나 웹 사이트를 말한다.
예를 들어서 Facebook을 들어가보면 상단의 Header 부분과 양 옆의 Sidebar는 업데이트되지 않고 그대로 남아있다.
만약 게시물을 누르거나 페이지를 이동할때 Header와 Sidebar를 서버에서 받아오면 그건 엄청난 데이터 낭비라고 할 수 있다.
SPA의 장점
필요한 부분만 받으면되서 사용자의 경험이 증가한다.
서버에서도 요청받은 데이터만 전송하면 되기 때문에 서버과부화 문제가 줄어든다.
이 두 개의 장점이 가장 대표적일 것이다.
장점만 있을 것 같은 SPA도 단점이있다.
SPA의 단점
JS파일의 크기가 커서 첫 화면 로딩 시간이 길어진다.
Telsa 홈페이지 같은 react페이지를 들어가면 물론 사진의 용량도 영향이 있겠지만, React로 만들어서 사진들이 한 번에 다 서버에서 전송되기 때문에 로딩이 아주 오래걸린다.
두려움 없이