더북(TheBook)

9.4.1 PostCard 컴포넌트 만들기

포스트의 정보를 보여주는 PostCard 컴포넌트를 만들어봅시다. 이 컴포넌트는 두 가지 상황에서 사용합니다. 우선 포스트의 목록을 세로로 나열하는 상황, 그리고 나중에 사용자 프로필 화면에서 하나의 포스트를 조회하는 상황입니다.

이 컴포넌트에 필요한 Props는 다음과 같이 다섯 개입니다.

user: 작성자의 계정 정보 객체

photoURL: 사진 URL

description: 사진 설명

createdAt: 작성 날짜

postId: 포스트의 고유 ID

postId 값은 화면에 보이는 값은 아니지만, 추후 포스트를 수정하거나 삭제할 때 필요합니다. components 디렉터리에 PostCard.js 파일을 생성해 다음 코드를 입력하세요.

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