작성한 링크는 href, 라우트 파일, 렌더링 결과, 이동 후 상태로 점검한다
링크가 보인다고 끝이 아니다. 직접 URL, 클릭 이동, 새로고침, 뒤로 가기 경험까지 함께 확인한다.
| 점검 항목 | 정상 상태 | 문제 신호 | 확인 위치 |
|---|---|---|---|
| href | 실제 라우트와 일치 | 404 또는 다른 화면 | src/app 폴더 구조 |
| Link 자식 | 텍스트나 요소를 직접 배치 | Link 안에 a 중첩 오류 | 브라우저 콘솔과 코드 |
| 동적 값 | id/slug가 URL에 채워짐 | /products/undefined | map 데이터와 href 조립 |
| 프리페치 | 필요한 링크만 준비 | 네트워크 요청이 과도함 | DevTools Network |
| 이동 후 상태 | 필요한 스크롤/히스토리 유지 | 뒤로 가기나 스크롤이 어색함 | replace/scroll prop |