14.7.2 NewsPage 생성

    이번 프로젝트에 리액트 라우터를 적용할 때 만들어야 할 페이지는 단 하나입니다. src 디렉터리에 pages라는 디렉터리를 생성하고, 그 안에 NewsPage.js 파일을 만들어서 다음과 같이 작성해 보세요.

    pages/NewsPage.js

    import React from 'react';
    import Categories from '../components/Categories';
    import NewsList from '../components/NewsList';
     
    const NewsPage = ({ match }) => {
      // 카테고리가 선택되지 않았으면 기본값 all 사용
      const category = match.params.category || 'all';
     
      return (
        <>
          <Categories />
          <NewsList category={category} />
        </>
      );
    };
     
    export default NewsPage;

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