배열의 map 사용해보기

배열에 데이터가 보통 다수가 들어있다. 데이터에 반복문을 써서 하나하나 적용해주려면 귀찮은 상황이 발생한다. 

이와 같은 상황에 적용하기 위해 map이 있는 것 같다. 

배열 뒤에 map이라는 메소드를 붙인 뒤에 인자를 하나 전달 해줍니다 위 상황에서는 number가 됩니다. number는 배열의 데이터 한개한개입니다. number는 반복문 없이 자동으로 순서에 맞게 1, 2, 3, 4, 5가 됩니다. 이를 props를 통해 컴포넌트에 전달해죽고 return해주면 아래와 같이  됩니다.