23.02.17-23.02.23 주특기 심화 주차 / React, Todo-List 과제 진행중
filter
filter 함수의 경우 array의 함수 중 가장 많이 쓰이는 함수중 하나이다.
filter의 정의는 다음과 같다.
Array.prototype.filter ( callbackfn [ , thisArg ] )filter는 해석 그대로 걸러주는 역할을 하며, 공식문서에는 주어진 배열의 값들을 오름차순으로 접근해, callbackfn을 통해 true를 반환하는 요소를 기준으로, 신규배열을 만들어 반환한다 라고 정의되어있다.
⭐️ 사용 시 주의할 점 : filter의 경우 할당을 해주어야 한다.
구현하던 코드를 1번과 같이 구현하였더니 동작을 제대로 실행하지않았다.
filter의 경우 할당을 해주어야 하므로 2번과 같이 구현해야만 삭제와 동시에 렌더링이 일어난다.
// 1번
[__deleteTodoThunk.fulfilled] : (state, action) =>{
state.todos.filter((todo) => todo.id !==action.payload);
}
// 2번
[__deleteTodoThunk.fulfilled] : (state, action) =>{
const result = state.todos.filter((todo) => todo.id !==action.payload);
}2/22 기준
: CRUD 구현 완료 / 삭제 렌더링 오류 해결 완료
: 상세페이지 수정부분 CSS 수정 완료
｡˚⋆｡˚ ☁︎˚｡⋆｡˚☽˚｡⋆˚ ☁︎˚