4. NextJs - 기본 내보내기(default export)

export default function Detail() {
  return (
    <div>
      <h4>상세페이지임</h4>
      <h4>글제목</h4>
      <p>글내용</p>
    </div>
  );
}

오류가 떴다.

이유는 

명명된 내보내기(named export)로, 페이지로 사용될 수 없다.

const Detail = () => {
  return <div>Detail Page Content</div>;
};

export default Detail;

페이지 컴포넌트는 반드시 기본 내보내기(default export)로 내보내야 한다.

• 명명된 내보내기(named export)를 사용하여 컴포넌트를 다른 곳에서 재사용할 수 있다.
• 페이지가 아니라 단순한 React 컴포넌트로 사용할 때에는 두 번째 형식을 사용할 수 있다.