오늘은 모달이랑 로깅 컴포넌트를 따라 만들었다.
ModalEdit 컴포넌트 생성
ModalEdit.ts파일을 통해 ui틀을 만들었다.
Redux에서 modal을 꺼내와 수정할 task를 가져옴
디스패치로 수정, 삭제, 모달 닫기, 로그추가같은 액션을 log에 기록
그러고 task를 useState로 복사 하여 관리한다.
ModalEdit 기능 구현
위에서 언급한 수정, 삭제, 모달 닫기, 로그추가등을 로그로 남기기 위한 기능 추가
그를 위해서 handle함수 작성함
기능의 흐름은 수정버튼 클릭시 updateTask(상태변화) -> addLog(로그기록) -> setModalActive(모달닫기)순으로 진행됨
이후 css 스타일링
LoggerModal 컴포넌트 생성
로그도 보여줘야하니까 이것도 ui 틀 잡고 정보 가져옴
로그에 시간을 표시해야해서 Date.now()를 이용함
이후 css 스타일링
게시판 삭제 기능 구현
수정이랑 똑같이 deleteTask(상태변화)->addLog(로그기록)을 해줌
