spa model

SPA 화면 전환

MPA와 SPA의 차이를 이해하면 React가 브라우저 안에서 화면 전환을 처리하는 이유와 장단점이 더 분명해집니다.

MPA

경로 이동마다 서버에서 새 HTML을 받아 전체 문서를 다시 로드하는 전통적인 방식입니다.

SPA

초기 앱을 받은 뒤 JavaScript가 데이터와 컴포넌트를 바꿔 페이지 전환처럼 보이게 합니다.

React 역할

컴포넌트 상태와 렌더링 모델로 SPA 안의 다양한 화면 변화를 관리합니다.

load

첫 진입 비용과 이후 전환 속도의 차이를 비교한다.

url

화면 상태와 브라우저 주소가 함께 맞는지 확인한다.

data

필요한 데이터 요청 시점이 화면 전환과 어떻게 연결되는지 본다.

seo

검색 노출과 초기 렌더링 요구가 있는 서비스인지 판단한다.