[react] todolist 만들기 컴포넌트 나누고, 이벤트 핸들러 주기
큰 컴포넌트와 작은 컴포넌트로 나누기 큰 컴포넌트는 TodoList테두리 부분 - 빨간색 선 작은 컴포넌트는 추가되는 아이템 부분 - 검은색 선 어떤 기능이 있나? 1. input창이 있고, 버튼이 있다. 2. 인풋창에 값을 입력하고 버튼을 클릭하면 아이템이 추가가된다. 3. 아이템 삭제버튼을 누르면 삭제가 가능하다. function App() { const [inputValue,setInputValue] = useState(''); const [todoList,setTodoList] = useState([]); const addItem = () => { console.log("요기", inputValue) // 새로운 인풋벨루 setTodoList([...todoList, inputValue]) // ..
React 스터디/공부 기록
2024. 2. 27. 15:48