Next.js Pages, 내부에 Component 파일 생성에 관한 가이드

Next.js 프로젝트에서 컴포넌트를 임포트하고 사용하는 방식은 표준적인 접근법으로, 다른 파일 또는 컴포넌트를 import 문을 통해 가져와 현재 컴포넌트에서 사용하는 것을 포함합니다.

 

일반적으로 Components 폴더에 생성 된 Component와 달리, Pages에 생성 된 Component에 대한 게시글입니다.

 

ex) IslandCalander Component import in Page

import IslandCalander from "@/app/(root)/loa/calendar/IslandCalander";

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

export default Page;