React Router 사용

설치 필요

npm install react-router-dom --save

// 라우터 설치 : 페이지 이동을 플러그를 하용하여 편하게

 

** 설명 / 파일 정리는 나중에****

import {BrowserRouter, Routes, Route, Link} from 'react-router-dom'
// BrowserRouter, Routes, Route, Link를 'react-router-dom'에서 import 함
// 아래는 링크로 연결시킬 파일들을 import
import Home form './Components/Home';
import About form './Components/About';
import Contact form './Components/Contact';

//Routes 에서 Route를 사용한 각각의 페이지를 새로고침 없이 로딩할 수 있음.

function App(){
	return(
    	<>
        <BrowserRouter>
        	<div className="App>
            	<nav>
                	<Link to="/">Home</Link>
                    <Link to="about">About</Link>
                    <Link to="contact">Contact</Link>
                </nav>
                <Routes>
                	<Route path="/" element={<Home />}>
                    <Route path="about" element={<About />}>
                    <Route path="contact" element={<Contact />}>
                </Routes>
            </div>
        </BowserRouter>
        </>
    );
}