rerender1 [ReactJS] render, rerender 다음 코드의 흐름을 살펴보자 이 코드는 HTML을 사용자가 버튼을 누를 때 마다 클릭한 횟수를 사용자에게 보여주게 만든다. 중요한 것은 코드의 흐름인데, 정의한 함수들은 실행되지 않는 한 JS는 무시하고 내려간다. 최초의 render은 initial render. 이 때의 cnt 값은 0을 갖는다. 그리고 이상태에선 아무리 버튼을 눌러도 내부에 cnt만 올라갈 뿐 UI 상에서의 변화는 없다. 따라서 이를 반영해 주기 위해선 rerendering 즉 다시 render을 하는 과정이 필요하다 이것이 function rerender()과, countUp()을 하는 순간 이를 호출하는 것이다. 기억하자 rerender()이 없으면 UI는 변하지 않는다. 또한 리액트가 대단한 점은, rerendering 시점에서.. 2023. 1. 5. 이전 1 다음
