Router

React : 리액트 라우터 (설치, 세팅, 이동버튼) 및 외부라이브러리 사용법

리액트에서 페이지 나누는 법 리액트를 쓰지 않으면 페이지를 나누고 싶을 때 html을 여러개 만들지만, 리액트는 html 파일을 하나만 사용해도 된다. 컴포넌트를 만들어서 상세페이지 내용을 채운다 /페이지로 접속하면 해당 컴포넌트를 보여준다 react-router-dom이라는 라이브러리를 쓰면 위 작업을 쉽게 할 수 있다. 설치 터미널에 아래 코드를 입력한다. (뒤 6은 버전명이다.) npm install react-router-dom@6 그리고 index.js에 import를 삽입하고, 태그를 감싸는 코드를 입력한다. import { BrowserRouter } from "react-router-dom"; const root = ReactDOM.createRoot(document.getElementBy..