더북(TheBook)

20.4.2 PostBody 컴포넌트

 

이번에는 포스트 내용이 보이는 PostBody 컴포넌트를 만들어 봅시다. 이 컴포넌트는 파란색과 회색 배경 사이에 떠 있는 종이처럼 생겼습니다.

src/components/post/PostBody/PostBody.js

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

const PostBody = () => (
  <div className={cx(‘post-body’)}>
    <div className={cx(‘paper’)}>
      내용
    </div>
  </div>
);

export default PostBody;

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