- 새로운 todo 추가하기
- 구글링 등에서 나오는 todo앱은 텍스트 상자를 통해서 인풋을 받아 list를 만드는 것이었는데 이번 과제 예시에는 텍스트 상자가 없어서, ‘새로운 todo 만들기’를 눌러 리스트 상자를 만드는 것으로 구현
- 인풋을 받는 기능을 넣어야 했는데, default를 ‘새로운 할 일’로 만들고 수정 버튼을 만들어서 텍스트를 넣을 수 있도록 구현
- 수정 버튼을 눌렀을 때 텍스트 상자가 나오고 여기서 받은 인풋을 할 일 리스트에 담을 수 있도록 구현
수정 버튼을 여러번 누를 경우 텍스트 상자가 여러 개 생기는 문제가 남아있음- flag 이용하여 실행될 조건을 지정해주면 될 듯!!!
- localStorage 이용해서 새로고침시에도 목록 유지되도록 설정
- localStorage를 완전히 이해하진 못함…
- localStorage 에 ‘key’값과 ‘데이터’를 map처럼 저장할 수 있다는 것을 통해 구현
- ‘새로운 todo 만들기’ 눌렀을 때 해당 시점의 시간값을 key로 넣고, default인 ‘새로운 할 일’을 데이터로 넣음
- 수정 버튼을 눌러 텍스트를 수정하면 기존의 key값에 수정 된 텍스트 저장
- 삭제 버튼을 누르면 기존의 key값에 해당하는 데이터 삭제
새로고침될 때 정렬 순서가 임의로 변경되는데, 무슨 기준인지 모르겠음
html 형식으로 만들어주는 함수와이벤트 반응을 각각 다른 함수로 만들기!!!!- 지금 너무 복잡함!!!