라우팅

Next.js 라우팅

next-link로 라우팅하기(CSR)import Link from 'next/link'; const Links = () => { return ( Links /getStaticProps ); }; export default Links;next/link의 Link 컴포넌트를 이용해서 라우팅하는 방식으로, HTML의 a태그와 완전히 동치된다.그럼 a태그를 안 쓰고 Link 컴포넌트를 사용하는 이유는 무엇일까? Next.js의 라우팅은 CSR처럼 동작한다./links로 접속하면 위와 같이 네트워크 탭에 뜨는데, 제일 밑을 보면 getStaticProps.json과 js가 있는 것을 볼 수 있다.여기서 json파일은 props 데이터를, js파일은 해당 페이지의 HTML을 그리기 위해 미리 가져온다.다시 한 번..