Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- js
- 기초문제
- 코딩테스트
- 프론트엔드
- javascript
- approuter
- dynamicroutes
- 덧셈식출력하기
- nextjs라우팅
- routegroup
- 문자리스트를문자열로변환하기
- print언패킹
- Slice
- front-end
- focus 이슈
- iframe스크롤문제
- generic과any의 차이
- 넥스트
- 문자열섞어쓰기
- scrollintoview
- nextjs
- 리스트초기화
- 프로그래머스
- typescript
- 자바스크립트
- useclient
- 메소드
- 스크롤튐
- 타입스크립트
- 문자열곱하기
Archives
목록nextjs라우팅 (1)
Jin's Study

1. Layout 시스템Layout은 우리가 페이지를 만들 때 반복적으로 사용되는 UI 요소(예: 네비게이션 바, 푸터 등)를 재사용할 수 있게 해줌.App Router 기반 프로젝트에서는 페이지가 렌더링될 때 다음과 같이 중첩 구조로 layout이 구성됨:Root Layout → 상위 Layout → 페이지 콘텐츠특징Layout은 서로를 대체하지 않고 중첩됨.프레임워크는 현재 페이지에 가장 가까운 Layout부터 적용하려고 시도.페이지가 이동되어도 공통 레이아웃은 유지되고, 콘텐츠 영역만 바뀌므로 전환 속도와 사용자 경험이 향상.2. Route GroupsRoute Groups는 URL 구조에 영향을 주지 않으면서 내부적으로 라우팅을 그룹화할 수 있게 해주는 기능.📌 사용 목적Layout을 공유하지..
Front-end/Next.js
2025. 5. 17. 18:22