링크 계약

Link 동작 검증

href 문자열이 파일 기반 route와 맞아야 하고, 이동 후에는 새로고침 없이 필요한 page만 바뀌는지 확인해야 합니다.

Link 경로 작성

href는 route 구조를 그대로 적는다

정적 route는 문자열로, 동적 route는 데이터의 id나 slug를 조합해 실제 URL을 만듭니다.

<Link href={`/products/${product.id}`}>
  <a>상품 상세 보기</a>
</Link>
클릭 신호

클릭 뒤 확인할 신호

URL

주소가 의도와 일치

/dashboard/settings처럼 파일 구조와 같은지 봅니다.

UI

필요한 page만 교체

layout의 사이드바나 헤더가 유지되는지 확인합니다.

기록

뒤로 가기 의도 확인

로그인 완료처럼 돌아가면 안 되는 이동은 replace를 고려합니다.

스크롤

상단 이동 여부 확인

섹션 링크나 탭 전환에서는 scroll 옵션을 따로 판단합니다.