더북(TheBook)

21.2.4 PostInfo와 PostBody에서 올바른 데이터 보여 주기

 

현재 PostInfo와 PostBody 컴포넌트에서는 props로 받은 값이 아니라 우리가 사전에 설정한 텍스트가 보입니다. 텍스트가 들어가는 부분에 우리가 props로 넣어 준 값들을 렌더링해 보겠습니다.

우선 PostInfo부터 작업해 봅니다. 이 컴포넌트에서는 포스트 날짜, 제목, 태그가 보이지요. 이때 태그는 배열 형태로 받아 와 Link 배열로 변환하여 렌더링합니다.

그리고 날짜를 텍스트 형태로 보여 주는 부분에서는 편의상 moment 라이브러리를 설치하여 사용하겠습니다. 이 라이브러리는 날짜를 다양한 형식의 텍스트로 변환해 줍니다(https://momentjs.com/ 참고).

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