풀스택 서버리스: 리액트, AWS, 그래프QL을 이용한 최신 애플리케이션 개발

166

풀스택 서버리스

return (

<div style={container}>

{children}

</div>

)

}

const container = {

padding: '30px 40px',

minHeight: 'calc(100vh - 120px)'

}

8.6.2

Footer

컴포넌트

이번에는 관리자가 가입과 로그인할 수 있는 링크가 포함된

Footer

컴포넌트를 만들겠습니다.

/* src/Footer.js */

import React from 'react'

import { Link } from 'react-router-dom'

function Footer() {

return (

<div style={footerStyle}>

<Link to="/admin">

Admins

</Link>

</div>

)

}

const footerStyle = {

borderTop: '1px solid #ddd',

display: 'flex',

alignItems: 'center',

padding: 20

}

export default Footer