// useState 사용해서 만들었음
// import React from "react";
// import { useState } from "react";
// import styled from "styled-components";
// const StBox = styled.div// width: 300px; // height: 100px; // border: 1px solid green; // margin: 20px; //;
// const App = () => {
// const [array, setArray] = useState([]);
// const [todo, setTodo] = useState("");
// const [todos, setTodos] = useState(""); // 브라우저에 찍히는 값
// const onChangeHandler = (e) => {
// const inputValue = e.target.value;
// setTodo(inputValue); // input에 입력한 값이 화면에 보여짐
// // console.log(inputValue);
// }
// const onClickHandler = () => {
// setArray([...array, todo]);
// setTodo(""); // 버튼 클릭하면 input(입력창)값이 지워진다.
// }
// return (
//
// Todos의 제목을 입력하세요
//
// 추가하기
// {array.map((value, index) => {return {value}})}
//
{todos}
{/todo로 적으면 input에 입력하는 값이 실시간으로 보여짐/}//
// );
// }
// export default App;
매일매일 성장할 수 있도록!