컴포넌트 반복하기 리액트 코드를 짜다보면 컴포넌트를 반복해서 보여주어야 하는 일이 굉장히 많다. 아래의 예시를 보자. 웹툰마다 같은 디자인의 컴포넌트가 반복해서 보여지고 있다. 그렇다면, 하나의 컴포넌트로 구현할 수 있다. 이러한 컴포넌트를 앞으로 PreviewCard라고 부르겠다. 그렇다면 PreviewCard 컴포넌트를 렌더링하는 부모 컴포넌트의 코드를 잠시 떠올려보자. export default function PreviewCardParent(){ return( ) } 여기서 좀 더 많은 PreviewCard를 보여주자! 라는 요구사항이 발생한다면 어떻게 할 수 있을까? PreviewCard를 하나하나 렌더링 하지 말고, 서버에서 내려주는 정보의 개수만큼 렌더링을 해보자. ➡ Array.protot..