Component의 반복

반복되는 형태의 코드를 효율적으로 보여주고 관리하기

Map() 함수

파라미터로 전달된 함수로 배열 내 각 요소를 원하는 규칙에 따라 변환하여 새로운 배열 생성

arr.map(callbackFunction(currentValue, index, array), [thisArg])

• callbackFunction: 새로운 배열 요소를 처리하는 함수
• currentValue: 현재 처리하고 있는 요소
• index: 현재 처리하고 있는 요소의 index값
• array: 현재 처리하고 있는 원본 배열
• thisArg: callback 함수 내부에서 사용할 this 레퍼런스

데이터 배열을 컴포넌트 배열로 변환하기