[트위터클론] 4. Next 구조 정리

Bewell·2021년 2월 28일
0

트위터클론

목록 보기
4/5
  1. _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>
    </>
  )
}
  1. _document.js, _error.js 생성
    _document.js 는 html, head, body
    _app.js 는 root
    pages 는 실제 컴포넌트

0개의 댓글