reducer 썸네일형 리스트형 스케줄 프로젝트 만들기 - part5 스케줄 수정, 삭제 작업 오늘은 스케줄프로젝트 수정, 삭제 부분을 작업하였다. 이제는 기반을 다 만들어 놓은 프로젝트여서 디자인을 수정하거나 하지 않는 이상 심각한 에러가 나거나 하진 않았다. 다른 페이지는 수정된 내용은 없고 ModalPop페이지 위주로 작업을 하였다. 수정하기 버튼을 눌렸는지 눌리지 않았는지 체크하는 state를 만들고 수정하기 버튼을 누르면 수정할 수 있게 input들의 readOnly를 제거해 준다. 수정버튼 누리기 전의 디자인 수정버튼 눌렀을 때의 디자인 그리고 취소 버튼을 눌렀을 때는 팝업창이 사라지지 않고 내용도 원복 돼야 되기 때문에 const editCencle = () => { setEditMode(false); setScheduleTitle(editData.title) setCrrentDate.. 더보기 비전공자의 공부일지 - Redux, Reducer, Provider, reduxToolkit Redux Props properties의 줄임말이다. Props는 구성 요소가 서로 통신하는 방법이다. Props는 상위 구성 요소에서 아래쪽으로 흐른다. 해당 값을 변경하려면 자식 관점에서 Props를 변경할 수 있으며, 부모는 내부 상태를 변경해야 한다. State 부모 컴포넌트에서 자식 컴포넌트로 data를 보내는 게 아닌 해당 컴포넌트 안에서 data를 전달할 때 사용 예를 들어서 검색 창에 글을 입력할 때 글이 변하는 것은 state로 변경 State is mutable = 조작 가능하다는 뜻이다. State가 변하면 re-render 된다. ※ 출처 : 패스트캠퍼스 (프론트엔드 웹 개발의 모든 것 초격차 패키지 Online) 리덕스 공식 홈페이지 https://ko.redux.js.org/ .. 더보기 이전 1 다음
