ToDoList
1.1.To Do List Project
1.To Do List 디자인하기2.div 틀 잡기3.Date() 함수 사용해 날짜 가져오기4.input box 만들기react bootstrap livrary를 가져와 만들었다.현재까지 작업된 모습!앞으로 해야 할 것1\. 화살표 click시 전날,다음날 넘어가는 기
2.2.To Do List div틀잡기
처음에 틀을 안잡고 만들었는데 갈수록 틀 잡는 어려움이 생겨서 CSS flexbox를 적용해 틀을 잡았다.CSS flexbox 참조https://d2.naver.com/helloworld/8540176
3.3.To Do List Date Component
state로 today로 new Date()를 받고 now: 0으로 기준을 잡는다. 화살표 click시 방향에 따라 - , +로 now의 상태를 변화 시킨다.현재 today를 기준으로 now상태에 따라 날짜를 가져오도록 한다.
4.4.To Do List Add Component
react bootstrap livrary를 가져와 만들었다.
5.5.To Do List Info Component
state에 문자열로 title이라는 상태를 만든다.함수를 만들어 매개변수로 받은 값에 속성값을 title에 넣어준다.가져올 값에 input태그 속성으로 value값을 주고,onChange로 함수를 전달한다.state에 리스트로 createTitle을 만든다.함수를 만
6.6.To Do List Title Component
map을 써서 새로 생성된 todolist를 반복하고 ToDoInfo 로 보내준다.
7.7.To Do List App Component
\-id값과 state에 todolist를 설정해준다.\-handleCreate 함수로 data매개변수를 받아 state에 todolist id값을 추가해주고 data에 다시 담아 concat으로 새로운 배열을 반환해준다.\-handleRemove 함수로 id매개변수를