라우터
-
07. 리액트 라우터(React Router)프론트엔드/React 2020. 2. 4. 15:16
# What? 이게 뭔데? - 리액트 라우팅 라이브러리 # Why? 이걸 왜 쓰는데? - 리액트로 만든 Single Page Application에서 새로고침 없이 페이지간 이동을 하려면 이게 필요함. # How? 어떻게 쓰는데? $ npm install react-router-dom 1. BrowserRouter - 페이지 전환을 할 영역 겉을 BrowserRouter로 감싸야함 (BrowserRouter로 감싸진 영역 내에서만 Link, Route 등을 쓸 수 있음) @ App.js import React from 'react'; import {BrowserRouter} from "react-router-dom"; function App() { return ( {/* 여기에 페이지들 들어갈 예정 */..