Notice
Recent Posts
- Today
- Total
Tags
- git
- performance.now()
- useState() 스케줄링
- reflow
- 리액트의 useState() 훅 렌더링 방식
- Vue 화면 접근 전 권한 체크
- 함수형 프로그래밍
- 멀티레포 방식
- repaint
- 리액트 useCallback()훅
- vue-router 네비게이션 가드
- Vue3와 Vuetify3
- Next.js 라우팅
- Learning React
- ToDo
- 리액트 useState() 스케줄링
- Vutify3
- [Vue warn]: inject() can only be used inside setup() or functional components.
- 모노레포 방식
- 모놀리식 아키텍쳐
목록Next.js 라우팅 (1)
빵 입니다.
Next.js에서의 라우팅
안뇽하세요~ 넥스트 라우팅 관련하여 좋은 글들이 아주 많았는데 스스로 학습하고 머릿 속에 정리해 놓으려고 저만의 언어로 요약해 보았습니다~ 최하단에 출처를 남겨놓았으니 원본 글들도 꼭 봐주세요~ --- [목차] 1. 라우팅 - 리액트 라우팅 vs 넥스트 라우팅 - 라우팅 컨벤션 2. Index routes - Root Path - 원하는 라우팅 생성 - Layout 패턴 3. Nested Routes (중첩된 라우트) 4. Dynamic Routes (다이나믹 라우트 / 동적 라우트 매칭) - 동적 데이터에서 경로를 생성하려는 경우 - 정확한 세그먼트 이름을 모르는 경우 -- Catch-all Segments (모든 경우의 수를 캐치하기) -- Optional Catch-all Segments (모든 경..
프론트엔드/Next.js
2024. 4. 18. 09:34