Programming 수업 소스코드 😁

02_counter

vanilla HTML, JavaScript

React 시작 🤧

npm create vite@latest .

CounterApp 🤐🤐

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

TodoListApp 😆

• React Component 분리
• for -> htmlFor, class -> className
• props
• <input id={id} value={} />, <label htmlFor={id} />
• onChange, onClick, onKeyUp
• 구조 분해 할당, ...스프레드 연산자
• <form onSubmit\{}></form>
• map(): RU, filter(): D
• <TodoItem key={} />
• const handleEvent = (event) => {}
• {조건식 ? 참 : 거짓}
• {조건식 && 참}
• {!조건식 && 거짓}
• LocalStorage, useEffect()
• Pull Request
• 3200 임정훈
• 1-1 날짜 표시? ★ Date, 컴포넌트 렌더링