### Open Source Software 사용법/리뷰 문서 만들기 - REACT Router 사용법
사이버보안학과 202020689 임현아
* 라우팅이란?
사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이다. 리액트에서는 라우팅 관련 라이브러리가 많이 있는데, 이중 리액트 라우터가 가장 많이 사용된다.
사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것이다.
리액트에서는 라우팅 관련 라이브러리가 많이 있는데, 이중 리액트 라우터가 가장 많이 사용된다.
* React Router v6란?
...
...
@@ -28,13 +31,17 @@
* SPA와 리액트 라우터
리액트는 SPA (Single Page Application) 방식으로, 기존 웹 페이지처럼(MPA 방식) 여러개의 페이지를 사용, 새로운 페이지를 로드하는 방식이 아니다. 새로운 페이지를 로드하지 않고 하나의 페이지 안에서 필요한 데이터만 가져오는 형태를 가진다. 리액트 라우터는 신규 페이지를 불러오지 않는 상황에서 각각의 url에 따라 선택된 데이터를 하나의 페이지에서 렌더링 해주는 라이브러리 라고 볼 수 있다.
리액트는 SPA (Single Page Application) 방식으로, 기존 웹 페이지처럼(MPA 방식) 여러개의 페이지를 사용, 새로운 페이지를 로드하는 방식이 아니다.
새로운 페이지를 로드하지 않고 하나의 페이지 안에서 필요한 데이터만 가져오는 형태를 가진다.
리액트 라우터는 신규 페이지를 불러오지 않는 상황에서 각각의 url에 따라 선택된 데이터를 하나의 페이지에서 렌더링 해주는 라이브러리 라고 볼 수 있다.
* 주제 선정 이유 :
리액트에서는 모든 걸 부품, 컴포넌트라는 단위로 개발한다.
웹페이지에 있는 여러 가지 요소들을 컴포넌트로 만들고 코드를 컴포넌트 단위로 관리한다.
HTML만 사용하면 웹사이트를 만들 때 페이지마다 파일을 하나씩 만들어주어야 하지만, 리액트에서는 페이지를 만들 때도 컴포넌트로 효율적으로 만들 수 있다.
React Router 라이브러리를 사용해서 웹사이트를 컴포넌트로 만드는 법을 익혀보자.
...
...
@@ -42,6 +49,7 @@ React Router 라이브러리를 사용해서 웹사이트를 컴포넌트로 만
* REACT Router 사용법 문서의 목적 :
문서에서 소개하는대로 개념을 익히고 실습을 따라해보며 리액트 라우터 사용법을 익힌다.
Router의 핵심 컴포넌트인 Router, Route, Routes, Link 4가지를 사용해 간단한 웹 사이트를 만들어본다.
