Link는 페이지 이동할때 사용됩니다. Link에 href 속성을 사용하여 아래와같이 pathname과 query 값을 정해주면
import Link from 'next/link';
.
.
.
<Link href={{ pathname: '/user', query: { id: c.id } }}>
<a>
<span> {`${c.lastname} ${c.firstname}`} </span>
</a>
</Link>링크 이동이 되었을때 url이 http://localhost:2030/user?id=5 이렇게 보여지게 되는데요
만약 user?id=5 이렇게 노출되는게 못생겨서 싫을 경우에는 as를 사용하면 됩니다. 아래와 같이요!
<Link href={{ pathname: '/user', query: { id: c.id } }} as={`/user/${c.id}`}>
<a>
<span> {`${c.lastname} ${c.firstname}`} </span>
</a>
</Link>as를 사용하여 url에 표시되길 원하는 값을 입력해주면 아래와같이 url이 입력한 값으로 변경됩니다!
참고글
👩🏻💻 🚀