리액트 SPA

남성윤·2022년 8월 1일
0

Code States 학습

목록 보기
23/66

SPA의 개념

전통적인 웹사이트에서는, 사용자가 웹 사이트 내의 다른 페이지로 이동하면,
페이지를 보여주기 위해 매번 HTML파일로 된 페이지 전체를 불러와야 했다.
이와같이 페이지 전체를 불러오는 행위를 깜빡인다고 표현한다.

SPA는 페이지 전환 전후에 중복되는 부분은 새로 불러오지 않는다.

웹사이트가 복잡해지고, 애플리케이션의 형태를 가지게 되며, 사용자와 서비스 사이에는 더 많은 상호작용이 일어나게 되었고, 이 상호작용마다 깜빡이는것은 더 느린 반응성을 갖게되고, 불필요한 트래픽을 발생시키게 되었다.

SPA의 단점의 경우, JS파일의 크기가 크므로, 첫 화면 로딩의 시간이 길어지게 된다. 또, 검색 엔진 최적화에 있어 불리한 부분이 생기게 된다.(하지만 검색 엔진이 SPA에서도 최적화되도록 발전하고 있으므로 점차 이 단점은 사라지고 있는 추세다.)

다른 주소에 따라 다른 뷰를 보여주는 과정을 라우팅이라고 한다.

profile
안녕하세요, Blog 2022.06 ~

0개의 댓글