더북(TheBook)

21.3.4 PostList 컴포넌트 데이터 렌더링

 

기존에 임시로 텍스트를 직접 넣어서 보이던 부분을 props로 받아 온 데이터로 채우겠습니다. PostList 내부에 있는 PostItem 컴포넌트에서는 포스트의 내용 일부를 보여 주는데요. 이 부분에서는 마크다운 html이 변환되지 않으므로 마크다운에서 사용하는 #, **, ```, > 등 특수 문자가 고스란히 보이는 문제점이 있습니다. remove-markdown 라이브러리를 사용하여 이를 숨기겠습니다. 이 라이브러리는 마크다운에서 사용한 특수 문자를 제거해 주는데요. 지금 같은 상황에서 매우 유용한 라이브러리입니다.

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