1. 목록 요소들을 반복처리 할때는 map함수를 이용 합니다.
2. 반복 컴포넌트에는 반드시 key props를 전달해야 합니다.

map함수는 실행한 결과를 가지고 새로운 배열을 만들 때 사용

array.map(callbackFunction(currenValue, index, array), thisArg)

• currenValue: 현재값
• index: 현재인덱스
• array: 현재배열,
• thisArg: callbackFunction 내에서 this로 사용될 값

filter - 요소 개수만큼 반복하며 boolean으로 리턴된 결과를 사용해서 새로운 list를 만듬

array.filter(callbackFunction(currenValue, index, array), thisArg)

• currenValue: 현재값
• index: 현재인덱스
• arrayt: 현재배열
• thisArg: callbackFunction 내에서 this로 사용될 값

const IterationComponent = () => {

    const arr = [1,2,3,4,5];
    const newArr = arr.map( (item, index) => item*10 )// => 한줄일 경우 리턴
		console.log('map으로 생롭게 만들어진 newArr', newArr)

    return (
    	....
    )
}