diff --git a/README.md b/README.md index 94460103a9b665ddb8e9bf645c546846ecccb37b..ffa26ea60599d956a050d3b680c195f624d11ea4 100644 --- a/README.md +++ b/README.md @@ -7,11 +7,29 @@ --- -# 기말 과제 +# 기말 과제 보고서 ### Open Source Software 사용법/리뷰 문서 만들기 - REACT Router 사용법 +* React Router v6란? +보통 웹사이트에서는 주소를 입력하거나 링크를 클릭하면 새로운 페이지를 보여준다. +리액트로 이런 사이트를 만들기 위해서는 따로 추가적인 개발이 필요하다. + +React Router 라는 것을 사용하면 이런 기능을 편하게 구현할 수 있다. +React Router는 리액트 컴포넌트로 페이지를 나누는 라이브러리이다. + +Router의 핵심 컴포넌트에는 Router, Route, Routes, Link 4가지가 있다. + +참고로, 리액트 라우터는 리액트에서 제공하는 기본 기능이 아니기 때문에 따로 설치해서 사용해야 한다. + + * 주제 선정 이유 : +리액트에서는 모든 걸 부품, 컴포넌트라는 단위로 개발한다. +웹페이지에 있는 여러 가지 요소들을 컴포넌트로 만들고 코드를 컴포넌트 단위로 관리한다. +HTML만 사용하면 웹사이트를 만들 때 페이지마다 파일을 하나씩 만들어주어야 하지만, 리액트에서는 페이지를 만들 때도 컴포넌트로 효율적으로 만들 수 있다. + +React Router 라이브러리를 사용해서 웹사이트를 컴포넌트로 만드는 법을 익혀보자. + * 목차 1. React Router v6 소개 @@ -19,3 +37,5 @@ 3. 리액트 라우터 사용해보기 4. 결과 확인 +* +