리액트로 todo list 만들기 2

그 다음엔 먼저 TodoList로 분리하고, TodoList 내에서 중복되는 코드가 있어서Todo로 분리했다. 일단 다 나눠버려서 TodoList는 이미 나눠진 코드다. 허헛 const TodoList = ({ todos, onDelete, moveDone }) => { return ( Working🏃‍♀️ {todos.map((todo) => { if (todo.isDone === false) { return ( ); } })} 일단 todos, onDelete, moveDone을 가져와서차례대로 넣어준다. 그리고 working에서 map을..

• format_list_bulleted 리액트
• · 2024. 5. 16.
• textsms

리액트로 todo list 만들기 1

리액트로 투두리스트 만들기! 더보기더보기킹갓제네럴⭐️⭐️님 덕분애... 대충 짰읍니다. 먼저 App.jsx 하나에 적었는데 먼저 화면에 띄워줄 것들을 작성한다.  html로 치면 뼈대 작성. function App () { return ()}여기 안에 작성해주면 되는데return 윗부분에는 함수를,return 안에는 html 뼈대를 만든다. 나는 헤더를 분리했다.const Header = () => { return ( My Todo List React );};export default Header;이런 식으로!! 그 다음이 todo를 입력하는 폼을 만들어줬는데역시 분리했다.import React from 'react';function TodoForm({ title,..

• format_list_bulleted 리액트
• · 2024. 5. 14.
• textsms