[Next.JS] Link 태그의 유용한 옵션들

김태성·2024년 6월 18일
0
post-custom-banner

href: 링크가 이동할 URL을 지정하는 필수 속성입니다. 일반적으로 문자열 형식의 경로를 포함합니다.

as: 브라우저에 표시되는 URL을 지정하는 옵션입니다. 기본적으로 href 속성과 동일한 값을 가집니다. 예를 들어, 동적 라우팅을 할 때 사용될 수 있습니다.

passHref: 불리언(boolean) 값으로, true로 설정하면 Link 컴포넌트가 자식 컴포넌트에 href 속성을 전달합니다. 일반적으로 true로 설정하면 자식 컴포넌트가 a 태그일 때 href 속성이 제대로 작동합니다.

prefetch: 미리 페이지를 가져오는 데 사용되는 옵션입니다. true로 설정하면 사용자가 해당 링크에 호버(hover)할 때 페이지를 미리 로드하여 향후 내비게이션 시간을 단축할 수 있습니다.

replace: 불리언 값으로, true로 설정하면 페이지를 이동할 때 브라우저 히스토리를 수정하지 않고 페이지를 교체합니다. 일반적으로 replace를 사용하면 사용자가 뒤로 가기 버튼을 눌렀을 때 이전 페이지로 돌아가지 않습니다.

profile
@flip_404
post-custom-banner

0개의 댓글