layout.tsx — 이 영역은 페이지 전환 시 리렌더링되지 않습니다← 설명으로
카운터:0
입력값:
↑ 카운터를 올리고 텍스트를 입력한 뒤 다른 페이지로 이동해보세요 — 값이 유지됩니다
{ children } — 아래 영역만 페이지 전환 시 교체됩니다
About Page
이 페이지는 app/about/page.tsx에 해당합니다. 페이지 내용은 바뀌었지만 layout의 상태는 그대로입니다.
layout은 children prop을 통해 이 페이지를 렌더링합니다. 페이지가 바뀌어도 layout 자체는 리렌더링되지 않으므로 카운터, 입력값, 스크롤 위치 등이 모두 유지됩니다.