현재 웹에서 링크를 옮길때마다 페이지를 다운로드 받고, 또 이전에 방문했던 페이지로 돌아갈 때에도 다운로드 받게 되어있다.
이러한 문제점은 사용자에게는 느리다는 불편함을 주고 서비스를 제공하는 입장에서는 비용이 많이 든다.
이러한 문제점을 없애기 위해 <a>태그 대신 <Link>태그를 사용하면 된다.
기존의 a태그를 Link태그로 바꾸면 링크에 마우스를 올리자마자 백그라운드에서 해당 페이지의 내용들을 다운로드받고 클릭하면 페이지 전환 없이 바로 이동한다.
그리고 이전에 방문했던 페이지에 재방문할 때에는 서버와 통신도 하지 않는다.
이러한 변화는 사용자에게는 웹이 빨라질 것이고 서비스 제공자에게는 비용이 줄어들 것이다.
SPA(single page application)란 하나의 페이지에서 모든 작업을 처리하는 앱을 의미한다.
서버로부터 가져올 데이터가 있다면 ajax와 같은 방법을 통해서 동적으로 로딩한다.
Link는 Next.js에서 SPA를 매우 쉽게 구현하도록 도와주는 도구입니다.
개발자가 되고싶은 잡초