[React.js] project 2[할일 관리] 앱 만들기 (Read: 할 일 리스트 렌더링하기 ~ Delete: 할 일 삭제하기)
Read: 할 일 리스트 렌더링하기TodoList 컴포넌트의 기능이면서 CURD의 두 번째 요소인 Read 기능을 만들어보자.Read 기능을 이용하면 배열에 저장한 여러 할 일 아이템을 반복해서 렌더링할 수 있다.배열을 리스트로 렌더링하기App 컴포넌트의 State 변수 todo에는 배열 형태로 여러 개의 할 일 아이템이 저장되어 있다. 따라서 배열 todo를 TodoList 컴포넌트에 Props로 전달한다.(...)function App() { (...) return ( );}export default App;src/App.js TodoList 컴포넌트에서는 App에서 Props로 전달된 todo를 리스트로 렌더링해야 한다. 이때 배열 메서드 map을..
25-26/React.js
2025. 12. 26. 10:00