[ NextJS ] 페이지 링크 이동, Link 와 next/router

#nextJS #Link #Router #useRouter Link , next/router next 프로젝트에서 페이지를 전환하기 위한 방법에는 대표적인 방법으로 두 가지가 있습니다. Link와 router 객체를 이용하는 방법이 있습니다.

Link 태그를 이용한 방 Link 컴포넌트를 사용하는 방법입니다. import Link from 'next/link' Link 컴포넌트의 props href (필수) 이동할 경로 또는 URL as 브라우저 URL 표시 줄에 표시될 경로에 대한 선택적 데코레이터 passHref href property를 Link 자식에게 강제로 전달 prefetch 백그라운드에서 페이지를 미리 가져옴, 기본값은 true로 뷰 포트에 있는 모든 항목이 미리 로드됩니다. replace history 스택에 새 URL을 추가하는 대신 현재 상태를 변경합니다. scroll 페이지 전환 후 페이지 상단으로 스크롤 할지 여부, 기본값 true shallow getStat...