[트위터클론] 4. Next 구조 정리
_app.js
를 이용해 공통된 레이아웃을 분리, 관리해준다.
// /pages/_app.js
import React from 'react'
import Head from 'next/head'
import AppLayout from '../components/AppLayout'
const Main = ({ Component }) => {
return (
<>
<Head>
<title>Twitter</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/antd/4.12.3/antd.min.css" integrity="sha512-YDGC3dGTmRxmuvRf5gL2FcLir57pCKJMETYXydRCchEXtmhN59qZnxyoLdBVTQM8yrlcbgCRNeMbM39zM/LJxQ==" crossorigin="anonymous" />
</Head>
<AppLayout>
<Component />
</AppLayout>
</>
)
}
_document.js
,_error.js
생성
_document.js
는 html, head, body
_app.js
는 root
pages
는 실제 컴포넌트
Author And Source
이 문제에 관하여([트위터클론] 4. Next 구조 정리), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@taewo/트위터클론-4저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)