next js 3 (왜 useRouter, Link 사용하나)

ooz·2021년 6월 2일

next.js에서 네비게이션에는 useRouter를 사용해서 각 메뉴에 알맞는 페이지로 라우팅을 하고 링크는 a태그 보다는 next의 Link를 사용한다.
그럼 next.js로 프로덕트를 만들 때, location.href = '/about' 이렇게 하거나 a태그를 쓰면 작동하지 않는걸까?

그건 아니다.

다 작동은 하지만 그렇게 하면 매번 페이지가 새로고침되고 새로 요청을 하게 된다. 요청도 늘어날 것이며, SPA의 장점이 없어지는 것이다. 부드럽게 이동하는 ui 요소도 사라지게 되는 것이고. (redux로 상태를 관리하고 있었다면 다 날아갔을 것)

profile
사는 것도 디버깅의 연속. feel lucky to be different🌈 나의 작은 깃허브는 https://github.com/lyj-ooz

0개의 댓글