일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 추상화
- REACT
- 패스트캠퍼스
- 자바스트립트
- 부트캠프
- OOP
- 투두앱만들기
- Fetch
- Hooks
- 상속
- 프론트엔드
- js
- 클래스
- 노마드코더
- frontend
- github
- 자바스크립트
- JavaScript
- 캡슐화
- 타입스크립트
- CSS
- 리액트
- Props
- Zustand
- 불변성
- 객체지향프로그래밍
- webdevelopment
- typeScript
- 논리연산자
- 웹개발
Archives
- Today
- Total
목록storybook (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