웹 애플리케이션에서 라우팅이라는 개념은 사용자가 요청한 URL에 따라 알맞은 페이지를 보여주는 것을 의미한다.
- 글쓰기 페이지: 새로운 포스트를 작성하는 페이지이다.
- 포스트 목록 페이지: 블로그에 작성된 여러 포스트의 목록을 보여주는 페이지이다.
- 포스트 읽기 페이지: 하나의 포스트를 보여주는 페이지이다.
이렇게 여러 페이지로 구성된 웹 애플리케이션을 만들 때 페이지 별로 컴포넌트들을 분리해가면서 프로젝트를 관리하기 위해 필요한 것이 바로 라우팅 시스템이다.
- 리액트 라우터: 이 라이브러리는 리액트의 라우팅 관련 라이브러리들 중에서 가장 오래됐고, 가장 많이 사용되고 있다.
- Next.js: 리액트 프로젝트의 프레임워크이다. 앞에서 사용한 Create React App처럼 리액트 프로젝트 설정을 하는 기능, 라우팅 시스템, 최적화, 다국어 시스템 지원, 서버 사이드 렌더링 등 다양한 기능을 제공한다
싱글 페이지 애플리케이션이란?
싱글 페이지 애플리케이션이란 하나의 페이지로 이루어진 애플리케이션이라는 의미이다.
멀티 페이지 애플리케이션에서는 사용자가 다른 페이지로 이동할 때마다 새로운 html을 받아오고, 페이지를 로딩할 때마다 서버에서 CSS, JS, 이미지 파일 등의 리소스를 전달받아 브라우저 화면에 보여 주었다.
반응형
'자바스크립트 > React' 카테고리의 다른 글
React 작업 환경 설정하기 (0) | 2023.03.13 |
---|---|
React란 무엇인가? (2) | 2023.03.13 |