PengTory

React로 간단한 ToDoList를 만들어보려 한다. 1. 입력한 todo 배열에 저장하기 import {useState, useEffect} from "react"; function App() { const [toDo, setToDo] = useState(""); const [toDos, setToDos] = useState([]); const onChange = (event) => setToDo(event.target.value); console.log(toDo); const onSubmit = (event) => { event.preventDefault(); if(toDo === ""){ return; // 비어있으면 작동 안하게 } setToDo(""); setToDos(currentArray ..

useState를 사용하면 내가 state를 변경할 때 마다 모든 코드들이 그대로 다시 실행된다. 아래 코드같은 경우에는 버튼 클릭마다 "call on API"라는 콘솔이 계속해서 찍힌다. import Button from "./Button"; import styles from "./App.module.css"; import {useState} from "react"; function App() { const [counter, setValue] = useState(0); const onClick = () => setValue((prev) => prev + 1); console.log("call on API"); return ( {counter} click me ); } export default App;..

, 태그를 사용해 시간 분 변환과 Km Mile 변환을 할 수 있는 페이지를 구현해보았다. 실행화면