[NEXT.JS] Layout vs Template

Layout VS Templage

layout은 디렉토리 하위 컴포넌트에 모두 공통적으로 적용되는 페이지를 의미한다.

전체적으로 사용되는 컴포넌트들을 layout에 모아놓으면 페이지를 이동해도 해당 컴포넌트들은 계속 노출된다.

template 또한 하위 컴포넌트에 모두 공통적으로 적용되는 페이지지만

다른 점은 

Layout에서는 상태를 보존하고, rerendering되지 않지만,

Template에서는 상태는 유지되지 않고, 모든 effect는 다시 연결된다.

 

NextJS는 아래와 같은 상황이 아니라면 Layout의 사용을 권장하고 있다.

CSS, 애니메이션 라이브러리를 사용해서 애니메이션을 시작하거나 종료할 때 useEffect, useState에 의존하는 기능인 경우 기본 프레임워크 동작을 변경하는 경우

 

 

문의사항이나 피드백은 댓글로 남겨주세요.