① layout.tsx — 가장 바깥 래퍼 (상태 유지)
② template.tsx — 매 네비게이션마다 리마운트
카운터: 0
④ loading.tsx — 페이지 로딩 중 이 UI가 표시됩니다
이 페이지는 3초 후 로딩되었습니다. loading.tsx가 대신 표시되었습니다.
이 페이지를 방문할 때 loading.tsx의 스켈레톤 UI가 먼저 표시되고, 서버에서 데이터 로딩이 완료된 후 이 콘텐츠가 나타납니다.
template.tsx의 카운터가 리셋된 것을 확인하세요 — 네비게이션 시 template은 매번 리마운트됩니다. 반면 layout.tsx의 테두리는 그대로 유지됩니다.