13.2.3 페이지 만들기

이제 라우트로 사용할 페이지 컴포넌트를 만들 차례입니다. 사용자가 웹 사이트에 들어왔을 때 맨 처음 보여 줄 Home 컴포넌트와 웹 사이트를 소개하는 About 컴포넌트를 만들어 보겠습니다. src 디렉터리에 다음 파일을 만드세요.

Home.js

import React from 'react';
 
const Home = () => {
  return (
    <div>
      <h1>홈</h1>
      <p>홈, 그 페이지는 가장 먼저 보여지는 페이지.</p>
    </div>
  );
};

export default Home;

---

 

About.js

import React from 'react';
 
const About = () => {
  return (
    <div>
      <h1>소개</h1>
      <p>이 프로젝트는 리액트 라우터 기초를 실습해 보는 예제 프로젝트입니다.</p>
    </div>
  );
};
 
export default About;

---

 

이제 페이지로 사용할 모든 컴포넌트가 완성되었습니다.