아래는 map()함수를 이용하여 numbers 배열의 값을 두 배로 만들어 반환하는 배열을 doubled 변수에 할당하고 로그를 확인해보겠습니다. React에서 배열을 엘리먼트 리스트로 만드는 방식은 거의 동일합니다. 여러개의 컴포넌트 렌더링 하기 엘리먼트 모음을 중괄호 {} 를 통해 JSX에 포함 시킬 수 있습니다. numbers 배열을 반복 실행합니다. 각 항모에 대해 `` 엘리먼트를 반환하고 엘리먼트 배열의 결과를 listItems에 저장합니다. 다시 listItems 배열을 `` 엘리먼트 안에 포함하고 DOM에 렌더링합니다. 기본 리스트 컴포넌트 일반적으로 컴포넌트 안에서 리스트를 렌더링합니다. 이전 예시에서 numbers 배열을 받아 순서 없는 엘리먼트 리스트를 출력하는 컴포넌트로 리팩토링 할 수 있습니다. NumberL