더북(TheBook)

16.3.2 라우트 설정

 

이제 만든 페이지에 주소를 설정해 봅시다. 페이지 주소를 설정할 때는 Route 컴포넌트를 사용합니다. App 컴포넌트를 다음과 같이 수정하세요.

src/App.js

import React from ‘react’;
import { Route } from ‘react-router-dom’;
import {
  Home,
  About
} from ‘pages’;
 
const App = () => {
  return (
    <div>
      <Route exact path=”/” component={Home}/>
      <Route path=”/about” component={About}/>
    </div>
  );
};
 
export default App;

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.