Programmig 수업 소스 코드 📖

02_counter

vanilla HTML, JavaScript

React 시작 😊

npm create vite@latest .

CounterAPP 😚

• useState()
• onClick{() => set함수((state변수) => state변수 +1)}
• onClick{함수이름}

### TodoListApp 🌸
- React Component 분리
- for -> htmlFor, class -> className
- props
- `<input id={id} value={} />`, `<label htmlFor={id} />`
- onChange
- 구조 분해 할당, `...스프레드 연산자`
- `<form onSubmit={}></form>`
- `map()` : RU
- `filter()` : D
- `<TodoItem key{} />`
- `const handleEvent = (event) => {}`
- `{조건식 ? 참 : 거짓}`
- `{조건식 && 참}`, `{!조건식 && 거짓}`
- onKeyDown
- localStorage, `useEffect()`