pages/PostListPage.js

import React from 'react';

const PostListPage = () => {
  return <div>포스트 리스트</div>;
};

export default PostListPage;

---

 

라우트 컴포넌트 다섯 개를 모두 생성했나요? 이제 프로젝트 엔트리 파일인 index.js에서 BrowserRouter로 App 컴포넌트를 감싸세요.

src/index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import { BrowserRouter } from 'react-router-dom';

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,
  document.getElementById('root'),
);

serviceWorker.unregister();

---