Template

template.tsx 초기화 경계

레이아웃과 비슷해 보이는 template의 차이를 재마운트, 애니메이션, 상태 초기화 기준으로 구분합니다.

유지

layout의 강점

공통 네비게이션과 서버 데이터처럼 계속 살아 있어야 하는 구조에 적합합니다.

초기화

라우트 변경 때 폼 상태나 애니메이션을 새로 시작해야 할 때 사용합니다.

template 남용 방지

재마운트가 필요 없는 UI까지 template으로 만들면 상태 유지 장점이 사라집니다.

상태 유지 경계

같은 UI를 감싸더라도 사용자가 이전 상태를 기대하면 layout, 매번 새 시작이 필요하면 template을 검토합니다.

유지 필요사이드바 선택, 사용자 정보, 공통 메뉴는 layout에 둡니다.

초기화 필요입장 애니메이션, 페이지별 폼 초기값은 template 후보입니다.

검증라우트 전환 후 컴포넌트가 다시 마운트되는지 확인합니다.