reduce & React re-rendering

1. JS 공부할 때 reduce 쓰는 걸 공부했는데 정작 사용해본 적은 거의 없었다. 이번에 reduce로 array의 합을 구해야 하는 일을 해야 해서 reduce를 쓰게 되었다.

• reduce 대상값이 숫자가 아닐 때

	arr.reduce((prev, obj) => prev + obj.value, 0)

와 같은 식으로 초기값을 주어야 한다. 어떻게 보면 뻔한 팁인데 오랜만에 reduce를 쓰다보니 기억이 나지 않았다.

• reduce를 하기 전에 filtering을 할 필요가 있었는데, 간단하게 chaining을 이용해서 해결했다.

2. UI에서 숫자들의 합이 특정 조건을 만족하지 않을 때 에러를 표시하도록 했다. 변화에 관한 일이니 useEffect를 써야 한다고 생각해서 해당 hook를 썼는데, 나중에 알고보니 React의 re-rendering 때문에 그럴 필요가 없었다. component가 바뀌면 페이지가 re-rendering 되어서 숫자들의 합이 text field에 새로운 값을 넣으면 같이 바뀌었기 때문이다.