NextJS 프레임워크의 서버 컴포넌트

이전 강의에서 우리가 생성한 컴포넌트를 살펴보겠습니다:

src/app/test/page.jsxexport default function Test() {
  return <h1>hello, user!</h1>;
}

이전에 언급했듯이, 기본적으로 NextJS에서 모든 컴포넌트는 서버 컴포넌트입니다. 이때 상태 작업 및 기타 유사한 훅을 제외한 JSX 언어의 모든 기능을 사용할 수 있습니다.

예를 들어 변수를 만들고 레이아웃에 출력해 봅시다:

src/app/test/page.jsxexport default function Test() {
  let name = 'user';
  return <h1>hello, {name}!</h1>;
}

jsxlet prods = [
  'prod1',
  'prod2',
  'prod3',
];