2019-12-02 TIL

• 이벤트이름을 설정 할 때 camelCase 로 설정해주어야 합니다. onclick 은 onClick, onmousedown 은 onMouseDown, onchange 는 onChange 이런식으로 말이죠.
• 이벤트에 전달해주는 값은 함수 여야 합니다. 만약에 onClick={this.handleIncrease()} 이런식으로 하게 된다면, 렌더링을 할 때 마다 해당 함수가 호출이됩니다. 그렇게 되면 정말 큰 일이 발생합니다. 렌더링 -> 함수 호출 -> setState -> 렌더링 -> 함수 호출 -> 무한반복.. 이렇게 되버리는 것이죠!

Facts: 오늘은 장바구니 리스트에서 원하는 아이템을 체크한후 삭제하는 기능을 구현하려고 했다. 구상은 했지만, 작은 실수때문에 시간을 너무 많이 허비했다. 위에 적은 것처럼 이벤트에 전달해주는 값을 onChange={handleIncrease()}를 사용해서 무한 렌더링에 빠져서 원인을 찾는데에 시간을 너무 허비했다.

Feelings: 오늘도 제가 작성한 코드를 꼼꼼하게 보지 못했다. 당연히 틀린게없는 코드라고 생각했는데, 이게 내 실수였다.

Findings: 나는 아직 부족하다. 내가 생각하는게 항상 맞다 라고 단정짓지 말자. 이런 잘못된 생각때문에 오늘은 많은 삽질을했다.

Future Action Plan: 실수를 되풀이 하지 않을것이며, 앞으로는 확실하지 않으면 다시 찾아볼것이다. 오늘 내 잘못알고있는 정보로 인해, 많은 시간을 삽질했지만, 다음에 이런 경우가 발생했을경우 내가 잘못알고있는것을 빠르게 캐치한후 해결 할 것이다.

Feedback: 최대한 실수를 안 하려고 노력하고 있다. 항상 현재에 만족하지 말자.