오늘은 (6) 월 (15) 일 / 날씨: (비가 옴)
한줄: 아침부터 비가 오넹ㅇㅅㅇ 어제 수영하고 어꺠랑 목이 아프당^^
8 to 17
Every Morning / Every Evening
recoil
export const toDoState= atom({
key:"toDo",
default: ["a","b","c"]
})
splice javascript (mutation 기존의 array를 변형) https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice
const onDragEnd = ({draggableId,destination,source})=>{
setToDos((oldToDos)=>{
if(!destination) return;
const toDosCopy = [...oldToDos];
//기존 삭제
toDosCopy.splice(source.index,1);
//추가
toDosCopy.splice(destination?.index, 0, draggableId);
return copyToDos;
})
}
react memo
prop 이 바뀌지 않는다면 컴포넌트 렌터링X
function DraggableCard(){
...
return
}
export default React.memo(DraggableCard);
Monday/ Wednesday(Tuesday)/ Thursday (Clarisse랑 날짜 조정하기)
Tuesday / Thursday 21 to 22
Saturday 20 to 22
Free time