221203 TIL

오늘은 주특기 숙련주차가 시작되었다.

저번주에 배운 내용을 복습하고, styled component와 redux에 관해 배웠다.

styled component는 어느정도 예제를 보면 CSS와 매우 흡사하기 때문에 감이 왔는데

redux는 너무 어렵다... 여기갔다 저기갔다 데이터 옮겼다가 받았다가 보냈다가 표시했다가

어지러웠다.

어렵다.

저번주가 쉬운거였따.

공부하던 중 저번주에 궁금했던 것이 풀려 남기려고한다.

 

 

batching
저번 개인과제에서 추가하기 버튼에 콘솔을 찍어 works 배열이 잘 추가되는지 확인해보려고 한 적이 있었다.
근데 추가버튼을 눌렀을때 이전 works값이 나오고, 다음껄 추가하면 그때서야 콘솔로그에 보였었다. (1개씩 밀려서 해당번차에 추가한건 안보임)
이때는 왜인지는 몰랐고, 리액트의 뭔가 setState함수에 문제가 있는줄 알았는데,
이게 batching때문이었다.
성능을위해 state를 묶어 함수안에 setState가 사용되면 함수가 끝날 때 일괄적으로 처리하는데,
이때문에 console.log는 제시간에 처리되지만 setState는 함수가 끝날때 실행되어 해당 번차의 work가 추가되지 않게 나왔던 것이다!