본문 바로가기

현인

검색하기
현인
프로필사진 현인(Hyeon In)

  • HI's Dev Log (70)
    • 기술 학습 (38)
      • JavaScript (12)
      • React (3)
      • ETC (2)
      • NextJS (8)
      • Apollo-Client (0)
      • GraphQL (6)
    • CS 학습 (6)
      • 네트워크 (1)
      • WEB (5)
    • 알고리즘 (15)
    • 개발 일기 (10)
Guestbook
Recent Posts
Recent Comments
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록next.js navigate (1)

현인

Next.js 튜토리얼 - 5장 페이지 네비게이팅

이전 장에서 대시보드 레이아웃과 페이지들을 만들었다. 이제 사용자가 대시보드 경로 사이를 라우팅할 수 있도록 몇 가지 링크를 추가해보자5장에서 다룰 내용next/link 컴포넌트 사용법usePathname() 훅 사용하여 활성 링크 표기 방법Next.js에서 네비게이팅(Navigating)이 이뤄지는 방식왜 네비게이팅을 최적화 해야 할까?페이지 간에 링크를 구현하려면 HTML 엘리먼트를 사용한다. 현재 사이드바 링크는 엘리먼트를 사용하지만 브라우저에서 홈, invoice 및 customer 페이지 사이를 탐색할 때 어떤 일이 일어나는지 보자.각 페이지 이동 시 전체 페이지가 새로고침 된다. 컴포넌트Next.js에서는 컴포넌트를 사용하여 어플리케이션의 페이지간 링크를 구현할 수 있으며 JavaScri..

기술 학습/NextJS 2024. 11. 15. 14:20
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바