호박너구리 블로그

이전 글에서 레이아웃 컴포넌트를 만들고 헤더와 푸터를 추가했습니다. 헤더에는 로고도 있고 메뉴바도 있죠. 보통 로고를 누르면 메인페이지로, 메뉴를 누르면 해당 메뉴로 페이지가 이동(라우팅) 됩니다. 원래 html에서는 a 태그로 사용하죠. 이와 달리 NextJS는 CSR과 SSR을 모두 지원하기 때문에, 자체 태그와 라우팅 함수를 만들었습니다. 오늘은 그 중에서 어떻게 a 태그대신 Link태그로 라우팅 할 수 있는지 살펴보겠습니다. 1. 링크 태그 이용하기 이것은 현재 헤더의 모습입니다. 로고와 메뉴, 그리고 스타일까지 적절하게 적용되어있죠. import styles from './Header.module.scss' const Header = () => { return ( Traffickr 서비스 소개 ..

개발 2021. 5. 11. 18:30