Programming 소스 코드 🥱

02_counter

vanilla HTML, JavaScript

React 시작 🦥

npm create vite@latest .

CounterApp 😴

• useState(초기값)
• onClick={() => set함수(바꿀값)}
• onClick={() => set함수((이전state) => 이전state + 1)}
• onClick={함수이름}

TodoListApp 🧂

• React Component 분리
• for -> htmlFor, class -> className
• props
• <input id={id} value={} />, <label htmlFor={id} />
• onChange
• 구조 분해 할당
• ...스프레드연산자
• <form onSubmit={} />
• map()
• <TodoItem key={} />
• const handleEvent = (event) => {}
• {조건식 ? 참 : 거짓}
• {조건식 && 참}, {!조건식 && 거짓}
• onKeyDown
• LocalStorage, useEffect(명령어, [변할값])
• style={{}}
• HomeApp: state를 이용해서 다른 컴포넌트 표시하자
• npm install react-router-dom

•   <BrowserRouter>
        <Routes>
            <Route path="/" element={} />
        </Routes>
    </BrowserRouter>

•   <Link to="/"></Link>

• useNavigate()