개인 프로젝트를 진행하다가 이상한 렌더링을 발견했다. input 창에 글자를 입력할 때마다 렌더링이 발생한다. 파란색 프레임이 생성되는 것은 React Develop Tool의 렌더링 표시 기능인데, 렌더링이 될 때마다 표시된다. 보다시피 글자 하나 입력 시 렌더링 된다. 그리고 이메일 input창에 값을 입력했는데 전체 페이지가 렌더링 되는 것을 볼 수 있다. 그냥 봐도 거꾸로 봐도 백덤블링하면서 봐도 비효율적인 것을 알 수 있다. 원래 이런 건가 싶어 리액트로 만든 다른 사이트를 엿보았다. 오늘의집과 직방 또한 이러한 현상이 나타났다. input에 글자를 입력하는데 왜 렌더링이 일어난다는 것에 대한 의문. 잦은 렌더링을 피해야 하는 것은 상식이기 때문에 해결하고 싶음 마음. 두 포인트를 해결하기 위해..