React에서 여러 개의 컴포넌트를 렌더링 할 때, map() 메소드를 이용합니다. 🐣 map() 메소드를 사용하면 새로운 배열을 반환하는데, JSX에서 배열이 어떻게 출력되는지 궁금해졌습니다. import React from 'react'; export default function Map() { const products = ['상의', '하의', '모자']; const listItems = products.map((product) => {product}); console.log(products); console.log(listItems); return ( {products} {listItems} ); } 먼저 console.log 결과를 보면, listItems는 배열이 맞습니다. const pro..