리액트 reconciliation

🎯 리랜더링 바닐라 JS -> 변경으로 인한 Element를 다시 그림 React -> 변경된 부분만 다시 그림 리액트의 장점은 리랜더링에 있다. 📝 JS로 만든 랜덤 버튼 const rootElement = document.getElementById("root"); function random () { const number = Math.floor(Math.random() * (10 - 1) + 1); const element = ` ${number} `; rootElement.innerHTML = element; } setInterval(random, 1000); 계속해서 element를 다시 그린다. tap을 하면 포커스가 되는데 1초 뒤 숫자가 변경되면서 포커스가 풀린다. 태그가 새롭게 만들어진다..