[React.Js] 리액트 Router 사용하기

리액트로 간단한 게시판을 만들어보기로 했다.

이 게시판에 들어가는 기능 중에 하나가 정보를 추가하는 것이다.

추가하기 위해서 등록페이지를 따로 만들고 메인 페이지를 따로 만들어야해서 router을 써야했다.

 

React Router

리액트는 SPA (Single Page Application) 방식으로써, 여러 개의 페이지를 사용하며, 새로운 페이지를 로드하는 기존의 MPA 방식과 달리 새로운 페이지를 로드하지 않고 하나의 페이지 안에서 필요한 데이터만 가져오는 형태를 가집니다.

그림처럼 하나의 html 파일에서 회원추가 페이지로 넘어가기 위해서 클릭시 html이 바뀌는게 아니라 회원추가.js로 데이터가 렌더링해오는 방식이 SPA입니다. 그리고 이걸 하기 위해서 react-router가 필요합니다.