[Next.js] Component 를 더 세세히 나누기
중복되는 소스를 피하기 위해 NavBars 안의 내용을 더 나누려고 합니다. components 안의 Layout.js 파일을 생성합니다. import NavBar from "./NavBars" export default function Layout({children}) { return ( {children} ) } 그리고 이 부분을 각각 about.js 와 index.js 파일안에 넣게 됩니다. 여기서 우리의 홈페이지 타이틀을 수정하기 위해 하나 더 추가할 것이 있는데요, 바로 Head 태그입니다. Head next js 에서 기본적으로 제공하는 컴포넌트로 여기에는 우리가 html 코드에서 사용할 법한 title 태그와 meta 태그, node js 에서 helmet 이라고 불리우는 보안성 향상 모듈 ..
Client
2022. 1. 9. 09:29
공지사항