[React.js 1] p2. 할 일 관리 앱 만들기(2)
Read: 할 일 리스트 렌더링하기 배열을 리스트로 렌더링하기 App 컴포넌트의 State 변수 todo에는 배열 형태로 여러 개의 할 일 아이템이 저장되어 있습니다. 배열 todo를 TodoList 컴포넌트에 Props로 전달합니다. (...) function App() { (...) return ( ); } export default App; TodoList 컴포넌트에서는 App에서 Props로 전달된 todo를 리스트로 렌더링해야 합니다. 리액트에서 배열 데이터를 렌더링할 때는 배열 메서드 map을 주로 이용합니다. map을 이용하면 HTML 또는 컴포넌트를 순회하면서 매 요소를 반복하여 렌더링합니다. map을 이용한 HTML 반복 TodoList 컴포넌트에서 배열 메서드 map을 이용해 HTML ..
23-24/React.js 1
2023. 12. 22. 10:00