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
- iframe스크롤문제
- 스크롤튐
- js
- generic과any의 차이
- useclient
- dynamicroutes
- 넥스트
- 문자리스트를문자열로변환하기
- 리스트초기화
- approuter
- 타입스크립트
- typescript
- 코딩테스트
- 기초문제
- 자바스크립트
- javascript
- 메소드
- front-end
- 문자열곱하기
- Slice
- scrollintoview
- nextjs
- focus 이슈
- routegroup
- 프로그래머스
- 프론트엔드
- 문자열섞어쓰기
- 덧셈식출력하기
- nextjs라우팅
- print언패킹
Archives
목록dynamicroutes (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