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
- generic과any의 차이
- front-end
- dynamicroutes
- print언패킹
- 배열의평균값
- nextjs
- 제네릭과 애니의 차이
- typescript
- nextjs라우팅
- 자바스크립트
- useclient
- a와b출력하기
- 문자열곱하기
- 기초문제
- 문자열섞어쓰기
- 인공지능사관학교4기후기
- 메소드
- 문자리스트를문자열로변환하기
- 타입스크립트
- approuter
- 코딩테스트
- js
- routegroup
- 덧셈식출력하기
- javascript
- 리스트초기화
- 넥스트
- Slice
- 프로그래머스
- 프론트엔드
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