todolist

리액트에는 react-calendar와 react-datepicker등으로 캘린더를 구현할 수 있다.설치npm i react-calendarimport하기import Calendar from 'react-calendar';import 'react-calendar/dist/Calendar.css'; // css importreact-calendar를 설치하고 import해준다.아래의 css는 react-calendar에서 기본적으로 제공해주는 css파일이다.표시하기 위와 같이 했으면 Calendar를 가져와서 표시해주면 캘린더가 보이게 된다.하지만, 캘린더를 클릭시 내가 클릭한 날짜를 보여주게 해주고 싶으면 아래와 같이 코드를 추가해주면 된다.npm i moment우선, moment를 설치해준다...

간단하게 todo리스트를 생성하고 하면서 배운 점들을 서술하고자 한다. todo리스트 생성하기 1) input창에 쓴 글 반영하기 여기에 input창에 글을 쓰면 todo리스트가 생성되게 해야 한다. const [text, setText] = useState(""); const onChangeHandler = (event) => { setText(event.target.value); }; onChangeHandler(event)} placeholder="해야 할 일을 입력하세요." value={text} /> input을 만들어 입력한 글을 input창으로 변하게 해야 한다. 그럴려면 value에 useState로 선언한 변수가 들어가야 한다. 그리고 계속적으로 input창이 변하기 때문에 onchang..