NextJS에서 일반 메뉴의 문제점

이전 강의에서 우리는 일반 링크로 메뉴를 만들었습니다:

export default function Menu() {
	return <>
		<a href="/">home</a>
		<a href="/about">about</a>
		<a href="/price">price</a>
		<a href="/contacts">contacts</a>
	</>;
}

이제 이와 관련된 몇 가지 문제에 대해 논의해 보겠습니다. 사실은 이 메뉴의 링크를 클릭하면 전체 페이지가 새로고침된다는 점입니다. 이는 SEO 관점에서는 올바르지만, 성능 관점에서는 그리 최적이 아닙니다. 문제는 페이지를 새로고침할 때 콘텐츠만 변경되는데도 사이트의 전체 레이아웃을 다시 다운로드한다는 점입니다. 최적인 방법은 페이지 콘텐츠만 다운로드하는 것입니다.

NextJS는 이 문제에 대한 해결책을 제공합니다. 이는 다음 강의에서 살펴보겠습니다.

일반 링크를 클릭했을 때 페이지 새로고침이 발생하는지 확인하세요.