더북(TheBook)

20.4.1 PostInfo 컴포넌트

 

PostInfo 컴포넌트에는 제목, 태그, 작성 날짜가 보입니다.

src/components/post/PostInfo/PostInfo.js

import React from ‘react’;
import styles from ‘./PostInfo.scss’;
import classNames from ‘classnames/bind’;
 
const cx = classNames.bind(styles);

const PostInfo = () => (
  <div className={cx(‘post-info’)}>
    <div className={cx(‘info’)}>
      <h1>타이틀</h1>
      <div className={cx(‘tags’)}>
        <a>#태그</a> <a>#태그</a> <a>#태그</a>
      </div>
      <div className={cx(‘date’)}>Oct 29, 2017</div>
    </div>
  </div>
);

export default PostInfo;

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.