본문 바로가기
Front-End/REACT

[REACT] 라우팅

by JJH0100 2022. 12. 13.
728x90
반응형

라우팅이란?

웹에 어플리케이션에서 라우팅이라는 개념은 사용자가 요청한 URL에 따라 알맞은 페이지를 보여주는 것을 의미 합니다.
이렇게 여러 페이지로 구성된 웹 애플리케이션을 만들 때, 페이지 별로 컴포넌트들을 분리해가면서 프로젝트를 관리하기 위해 필요한 것이 바로 라우팅 시스템입니다.

1. 리액트 라우터 방식 
- 리액트의 라이브러리들 중에서 가장 오래 되었고, 가장 많이 사용

- 가장 많이 사용

- 리액트 라우터를 사용하면 손쉽게 리액트 라우터로 싱글 페이지 애플리케이션을 만들 수 있음

- 멀티 페이지로 애플리케이션을 작성하면 다른 페이지로 이동할 때 새로운 html, css, js 이미지 파일 등의 리소스를 전달 받아 브라우저 화면에 보여 줍니다.


2. Next.js방식
- 리액트 프로젝트의 프레임 워크
- 이랙트의 라우터의 대안으로 많이 사용 함

- 프레임워크 시 주로 사용

 

728x90
반응형

'Front-End > REACT' 카테고리의 다른 글

[REACT] axios  (0) 2022.12.14
[REACT] react-router-dom  (0) 2022.12.13
[REACT] Sass  (0) 2022.12.09
[REACT] 라이브러리  (0) 2022.12.09
[REACT/JavaScript] map()  (0) 2022.12.08

댓글