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

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

export default function Test() {
	return <h1>hello, user!</h1>;
}

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

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

export default function Test() {
	let name = 'user';
	return <h1>hello, {name}!</h1>;
}

다음은 제품 배열입니다:

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

반복문을 사용하여 이 제품들을 여러분의 서버 컴포넌트 내부에서 ul 목록 형태로 출력하세요.