Next.js

페이지 간 링크 생성

웹 애플리케이션의 본질은 정보와 기능을 제공하고 사용자가 자유롭게 이동하도록 만드는 데 있습니다. 그래서 페이지를 연결하는 링크(Link)는 필수 요소입니다.

Link 컴포넌트, 사전 로딩, 클라이언트 탐색을 기준으로 페이지 이동 구현 방식을 정리합니다.

1

태그 대신 를 사용하는 이유

일반적인 HTML의 태그를 사용하여 페이지를 이동할 경우, 브라우저는 해당 페이지를 처음부터 다시 로드합니다.

링크(Link)
2

컴포넌트 사용법

컴포넌트를 사용하는 방법은 매우 간단합니다.

검색 엔진 색인 신호
3

동적 경로(Dynamic Paths)와

[slug] 또는 [id]와 같이 대괄호로 정의된 동적 라우트 세그먼트를 가진 페이지로 이동할 때도 컴포넌트를 사용합니다.

'next/link'에서 임포트