SPA 이해

React 라우팅 기초에서는 웹 애플리케이션의 핵심 기능인 라우팅(Routing)을 다룹니다. 첫 단계로, URL은 바뀌지만 문서 전체를 다시 내려받지 않는 SPA(Single Page Application, 단일 페이지 애플리케이션) 구조를 정리합니다.

1

SPA 이해 흐름

SPA 비교를 위해 먼저 MPA의 페이지 전환 방식을 봅니다.

2

SPA(Single Page Application)의…

SPA는 일부만 갱신하지만 상태 복원 책임이 큽니다.

3

리액트와 SPA

리액트(React)는 컴포넌트 기반의 UI 라이브러리로, SPA 개발에 최적화되어 있습니다.

4

React 라우팅 기초

라우팅은 URL과 화면 상태를 함께 관리합니다.

5

새로고침 없는 전환에서 확인할 것

라우터는 URL을 읽어 현재 화면 컴포넌트를 선택하고, 브라우저 히스토리와 앱 상태를 맞춥니다.

핵심SPA 이해은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.