MPA(Multi Page Application)의 이해
SPA 비교를 위해 먼저 MPA의 페이지 전환 방식을 봅니다.
SPA 이해 흐름
SPA(Single Page Application)의 이해
SPA는 일부만 갱신하지만 상태 복원 책임이 큽니다.
리액트와 SPA
리액트(React)는 컴포넌트 기반의 UI 라이브러리로, SPA 개발에 최적화되어 있습니다.
React 라우팅 기초
라우팅은 URL과 화면 상태를 함께 관리합니다.
React 라우팅 기초에서는 웹 애플리케이션의 핵심 기능인 라우팅(Routing)을 다룹니다. 첫 단계로, URL은 바뀌지만 문서 전체를 다시 내려받지 않는 SPA(Single Page Application, 단일 페이지 애플리케이션) 구조를 정리합니다.
새로고침 없는 화면 전환, URL 상태, 라우터 역할을 기준으로 SPA 구조를 정리합니다.
SPA 비교를 위해 먼저 MPA의 페이지 전환 방식을 봅니다.
SPA는 일부만 갱신하지만 상태 복원 책임이 큽니다.
리액트(React)는 컴포넌트 기반의 UI 라이브러리로, SPA 개발에 최적화되어 있습니다.
라우팅은 URL과 화면 상태를 함께 관리합니다.