리액트 map

[React.js] 리액트 반복문 map() 함수

리액트에서 여러 컴포넌트를 불러올 때는 map() 함수를 사용할 수 있다. 이 map 함수는 어떤 배열에 대해 각각 정해진 함수를 실행시켜주는 것이고, forEach함수와 비슷한 것 같다. 물론 map이 아닌 단순 반복으로도 컴포넌트들을 가져와서 사용할 수는 있다. 그럼에도 map함수를 사용하는 이유는 다음과 같다. 1. 코드는 짧고 간결할수록 좋다. 2. 실제 데이터는 사전에 한번에 정의하여 사용할 수가 없다. 2번 예시의 이유가 사실 더 큰데, 실제로 영화리스트를 만든다고 하면, 사용하면서 새로운 영화들이 계속 추가되어야 할 것이다. 하지만 그 때마다 새로 Movie 컴포넌트를 추가하여 출력한다고 할 경우, 불필요한 코드 수정 요소가 생길 수 있다. 따라서 배열을 통해 영화 데이터들을 관리하면서, m..