취미 공부

34강리스트 필터링리스트에 필터를 걸어주기 위해서는 state로 조건을 가지고 있고, filter() 메서드를 사용해서 매번 state가 바뀔 때마다 업데이트 해준다.컴포넌트가 바뀔때마다 리랜더링이 발생한다.import React, {useState} from 'react';import ExpenseItem from "./ExpenseItem";import Card from "../UI/Card";import "./Expenses.css";import ExpensesFilter from './ExpensesFilter';const Expenses = (props) => { const [filteredYear, setFilteredYear] = useState('2023'); const filterCha..

29강 event.preventDefault()- 해당 event에서 기본적으로 실행되는 로직을 실행되지 않게 막고 싶은 경우 사용한다.ex) a 태그 클릭 시 href 링크로 이동하는 걸 막을 때      form submit을 누르면 새로 실행이 되는걸 막을 때 Two-way binding- 제출한 form의 값을 모두 초기화 해주고 싶을 때 하기와 같이 진행한다.1. input에 상태를  value 속성으로 넣어준다2. 제출 후 상태를 초기화 한다3. value에 초기화 된 상태가 반여되어 UI를 업데이트 한다  30강자식 컴포넌트에서 부모 컴포넌트로 상태 보내는 방법=> 부모 컴포넌트 console.log()에서 자식 컴포넌트 form data 찍어보기  1. 부모 컴포넌트에서 console.lo..

// HTML Sign up Page ID Password Password ..