nextjs 페이지이동 Link,useRouter

  const router = useRouter();

기존 react의 usenavigate 역할이다

 

             <div
              onClick={() => {
                router.push("/");
              }}
              className="w-[33%] flex justify-center text-4xl font-bold cursor-pointer text-teal-500">
              중고홈짐
            </div>

클릭이벤트 통해서 router.push(url)로 이동

 

 <Link href="/" className="logo">로고</Link>

import Link, { useRouter } from "next/navigation";

link 또한 react와 같이 쓸 수 있음 대신 next/navigation에서 호출해야 하고 to가 아닌 href속성을 갖는다.