질문있습니다.
각 페이지마다 loading과 error.tsx를 각각 주고 있는데 그냥
root에 loading.tsx error.tsx를 하나만 둬서 공유하는 방식은 안되나요? 각 페이지마다 따로 둔 이유가 뭔가요?
현업에서도 layout은 보통 page마다 다르게 두나요?
이전에는 프로젝트에서 그냥 root에 위치한 하나의 layout만 써와서..
강의 잘 보고있습니다. 선생님!
Answer 1
1
네 아주 중요한 차이가 있습니다.
Root Level의 로딩, 애러 컴포넌트는 RootLayout
1.첫 패이지 랜더링의 글로벌만 처리합니다.
2.서브페이지의 로딩,애러는 처리하지 못합니다.
서브페이지의 로딩,애러 컴포넌트가 있다면
1.루트 컴포넌트가 유지된 상태에서, 서브페이지가 교체됩니다, 이순간 로딩 컴포넌트를 보여줄 수 있습니다
2.해당프로젝트에서는 사이드바 메뉴 유지+ 상단의 로딩바를 볼 수 있습니다.
*물론 서브페이지가 빠르게 랜데링이된다면, 로딩바를 제거하는게 오히려 빠른 웹사이트처럼 보일수있어요.!
4.6강 초기 로딩 속도 케이스 비교
0
85
2
Sidebar & Header 컴포넌트 등 레이아웃 설정 방식
0
89
3
문의드립니다.
0
147
3
Vercel signup이 안되요,, 계속 제 깃허브 계정은 추가 인증이 필요하다며 registration@vercel.com에 문의를 하라고 하네요,,, 이럴땐 진행을 어찌해야할까요,,,
1
102
2
에러, 로딩 내용 페이지를 모든 페이지에 다 만드는 이유가 따로 있나요?
2
158
3
3.2, 3.3 화면에 아무것도 나오지 않고 있습니다!
0
211
3
코드가 왜 그런지 모르겠는데, 이럴땐 어떻게 공부해야하나요?
1
222
3
강의외 복잡한 ui 입력폼 관련 질문 있습니다
1
221
2
npx랑 yarn이랑 같이 써도 되나요?
0
437
2
article / section 태그에 관해
0
179
1
카테고리 변경 시 이미지 로딩
1
191
2
next zustand 사용 시 문의
0
474
2
component 파일에서는 tsx파일이 아니라 jsx 파일을 쓰는 이유를 알 수 있을까요?
1
176
2
versel 을 통한 배포를 하는 것과 (홈서버 + 클라우드 플래어 프록시)를 하는 것을 비교해주실 수 있나요?
1
178
1
선생님 죄송한대
1
152
1
깃 push가 안되서 ssh를 한참해메고 있습니다. ㅠㅠ
1
144
1
Chapter 7 영상 화면이 안보입니다.
0
273
2
오류발생 문제입니다.
1
231
1
11.5 Channel 노래,앨범 section 강의중
0
157
1
소스 수정 후 자동 컴파일 문의드립니다.
1
283
2
정적배포
0
197
1
zustand 상태관리
0
335
1
state에서 buffer랑 time이 안 나옵니다
0
201
2
components 들은 jsx 로 만드신 이유
0
313
3