todo 내용 정리

보드간 이동 원리

1. 카드가 이동하기전 보드를 복사
2. 카드가 이동한후의 보드를 복사
3. 이동하기전 보드에서 splice로 배열요소 삭제
4. 이동한후의 보드에서 splice로 배열요소 추가

보드내 이동 원리

splice로 특정 배열 요소 삭제 및 추가

// index가 0번째이면서 요소는 1개 삭제

x.splice(0,1) 

// index가 5번째에 문자열 추가

x.splice(5,0,"something")

최적화

component 의 state가 변경되면 해당 컴포넌트의 모든 children이 다시 렌더링 된다.

=>

react memo는 prop이 바뀌지 않으면 컴포넌트를 다시 렌더링 시키지 않는다

=>

react.memo(DraggableCard)의 의미

prop이 안변했으면 draggablecard를 다시 렌더링 시키지 말아라