리액트 객체 다루기
데이터 저장하기
1.일기 저장하기 버튼을 누르면 작성된 내용을 배열로 만들기(저장 시간 데이터 추가)
2.만들어진 데이터를 배열 만들기에 보내서 데이터를 추가하기
데이터 삭제하기
1.삭제 버튼을 추가하고 해당 버튼을 누르면 데이터를 삭제하기
2.삭제 기능이 시행된 이유 데이터를 재배열하기
데이터 수정하기
1.저장된 데이터에 접근할 수 있는 버튼을 추가한다.
2.데이터를 수정한 다음 수정한 데이터를 다시 저장하도록 한다.
2-1.수정 도중 잘못되었다면 수정 취소하기 버튼을 통해 변경 사항을 없앤다.
LifeCycle 제어하기
1.useEffect에서 콜백함수에 빈 배열을 넣으면 생성 시 이벤트
2.아무것도 넣지 않으면 해당 객체 내부에 변화가 있을 시 이벤트
3.배열 내부에 특정 객체를 넣으며 해당 객체가 변화할 때 이벤트
3-1. 숫자 내부에 특정 값을 넘기면 경고와 함꼐 초기화하는 이벤트
4.return 함수를 통해 Unmount 이벤트 확인하기
(생명주기란? 코드 내에서 객체들의 생성/변경/삭제를 나타낸 것으로, 이 생명주기를 잘 조절함으로써 최적화가 가능하다.)
개발 초보