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

145

7

장

서버리스 함수 심화 2

7.6.3

Nav

컴포넌트

Nav

컴포넌트는 기본 링크 (

Home

및

Prole

)와 관리자로 로그인한 경우에만 표시되는 관리 링

크를 갖고 있습니다.

/* src/Nav.js */

import React, { useState, useEffect } from 'react'

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

import { Menu } from 'antd'

import { HomeOutlined, UserOutlined, ProfileOutlined } from '@ant-design/icons'

import { Hub } from 'aws-amplify'

import checkUser from './checkUser'

const Nav = (props) => {

const { current } = props

const [user, updateUser] = useState({})

useEffect(() => {

checkUser(updateUser)

Hub.listen('auth', (data) => {

const { payload: { event } } = data

console.log('event: ', event)

if (event === 'signIn' || event === 'signOut') ...