[NEXT.js] 넥스트 JS를 배워보자 2편 - 공통 레이아웃

오늘은 Next JS에서 공통된 레이아웃 (Header, Footer 등 여러 페이지에서 반복적으로 사용되는 컴포넌트)를 정의하는 방법에 대해 설명해보려고 한다. 보통 React의 경우, import Navbar from '/Navbar' export default function Layout({ children }) { return ( {children} ) } 이런 식으로 Layout이라는 페이지 컴포넌트(이름은 상관없음)를 정의하고 그 안에 공통적으로 사용될 컴포넌트를 넣어주는 방식을 사용한다. 주로 Navbar, SideBar, Footer 이런 컴포넌트와 함께 공통적으로 들어갈 스타일링이 있다면 같이 해준다. // ...생략 // App.js export default const App = ()..

2022.02.20