[리액트]nodebird 섹션1. - antd와 styled-components

antd, styled-components, antd icon 설치

npm i antd styled-components @ant-design/icons

package.json 에 설치가 된다.

https://ant.design/components/menu 사이트에서 코드를 가져다 쓰면된다.

AppLayout.js

import { Menu } from 'antd';

const AppLayout = ({ children }) => {
  return(
    <div>
      <Menu mode="horizontal">
        <Menu.Item><Link href="/">노드버드</Link></Menu.Item> 
        <Menu.Item><Link href="/profile">프로필</Link></Menu.Item> 
        <Menu.Item><Link href="/signup">회원가입</Link></Menu.Item> 
      </Menu>
      {children}
    </div>
  )
}

공식문서에서 코드를 보면 되기때문에 코드를 외우지 않아도된다.