[React.js 1팀] Project 2 [할 일 관리] 앱 만들기 2 (Read: 할 일 리스트 렌더링하기 ~ Delete: 할 일 삭제하기)
저번 할 일 관리 앱 만들기- 할 일 추가하기에 이어서 이번에는 할 일 리스트를 렌더링, 수정, 삭제 하는 법에 대해 알아보도록 하겠다. 1. Read: 할 일 리스트 렌더링하기 Read 기능을 이용하면 배열에 저장한 할 일 아이템을 여러 개 반복해서 페이지에 렌더링할 수 있다. 배열 todo를 TodoList 컴포넌트에 Props로 전달한다.TodoList />TodoList todo={todo}/> TodoList 컴포넌트에서는 App에서 Props로 전달된 todo를 리스트로 렌더링해야 한다. 이때 배열 메서드 map을 이용해서 HTML이나 컴포넌트를 순회하면서 매 요소를 반복하며 렌더링할 수 있다. 아래는 배열 메서드 map을 이용해서 HTML 요소를 반복해 렌더링한 코드이다. 을 삭제하고 m..
24-25/React.js 1
2025. 1. 3. 10:00