일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- CSS
- 객체지향프로그래밍
- 추상화
- Fetch
- OOP
- REACT
- 프론트엔드
- frontend
- 타입스크립트
- JavaScript
- Hooks
- 패스트캠퍼스
- 상속
- 캡슐화
- 자바스트립트
- 웹개발
- 노마드코더
- 불변성
- 자바스크립트
- Props
- webdevelopment
- Zustand
- 논리연산자
- 리액트
- js
- github
- 투두앱만들기
- 클래스
- typeScript
- 부트캠프
Archives
- Today
- Total
목록Next.js (1)
connecting dots

todo 리스트 만들기 실습input에 할 일 써서 추가버튼 누르면 리스트에 할 일 추가import { useState } from "react";function App() { const [todos, setTodos] = useState([]); const [todoText, setTodoText] = useState("");}const onChangeTodoText = (e) => { setTodoText(e.target.value); // target은 실제로 이벤트가 발생한 요소 = input 태그 // input type="text"는 value 속성을 가지고 있어서 value 속성을 통해 입력된 값을 가져올 수 있음};const onAddTodo = () => { // 새로운 배열 ..
Live Class/DevCamp
2024. 7. 31. 09:47